@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Be+Vietnam+Pro:wght@100;200;300;400;500;600;700;800;900&family=DM+Serif+Text:ital@0;1&display=swap";
:root{--primary:#ffda01;--primary-dark:#000;--primary-light:#ffe342;--secondary:#292929;--accent:#bba07a;--accent-hover:#a58b68;--bg:#f9f9f9;--bg-card:#fff;--bg-card2:#f2f3f6;--border:#e2e2e4;--border-solid:#292929;--text:#4a4a4a;--text-muted:#858585;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--radius:10px;--radius-lg:22px;--shadow:0 4px 24px #0000000a;--shadow-premium:0 20px 40px -15px #2929290d, 0 0 0 1px #29292905;--gradient-teal:linear-gradient(135deg, #bba07a, #292929);--gradient-dark:linear-gradient(135deg, #292929, #0f0f10);--gradient-orange:linear-gradient(135deg, #bba07a, #a58b68)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Be Vietnam Pro,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#bba07a33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.btn{cursor:pointer;border:2px solid var(--border-solid);border-radius:5em;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-dark)}.btn-primary:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.btn-outline{background:0 0;border:2px solid var(--border-solid)!important;color:var(--secondary)!important}.btn-outline:hover{background:var(--secondary);transform:translateY(-1px);border-color:var(--secondary)!important;color:var(--primary)!important}.btn-ghost{color:var(--text);background:#00000008;border-color:#0000}.btn-ghost:hover{background:#0000000f}.btn-lg{border-radius:5em;padding:16px 36px;font-size:17px}.btn-sm{padding:8px 18px;font-size:13px}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-premium);border-color:#bba07a26;transform:translateY(-6px)}.badge{border-radius:100px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-orange{color:var(--accent-hover);background:#f973161a;border:1px solid #f9731626}.badge-green{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e26}.badge-yellow{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b26}.badge-red{color:#dc2626;background:#ef44441a;border:1px solid #ef444426}.badge-blue{color:var(--accent);background:#bba07a1a;border:1px solid #bba07a26}.badge-gray{color:var(--text-muted);background:#64748b1a;border:1px solid #64748b26}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-muted);font-size:13px;font-weight:600}.input{border:1px solid var(--border-solid);color:var(--text);background:#fff;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.input:focus{border-color:var(--accent);background:#bba07a05;outline:none;box-shadow:0 0 0 3px #bba07a1a}.input::placeholder{color:#94a3b8}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}textarea.input{resize:vertical;min-height:100px}input[type=range]{-webkit-appearance:none;background:#bba07a1a;border-radius:100px;outline:none;width:100%;height:6px;margin:12px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 8px #00000026}input[type=range]::-webkit-slider-thumb:hover{background:var(--primary);transform:scale(1.15)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.text-muted{color:var(--text-muted)}.text-primary{color:var(--accent)}.text-success{color:var(--success)}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tag{color:var(--accent);letter-spacing:1px;text-transform:uppercase;background:#bba07a14;border:1px solid #bba07a26;border-radius:100px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px}.stat-value{color:var(--secondary);font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:800}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:14px}tr:hover td{background:#00000003}.progress-bar{background:#0000000d;border-radius:100px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:100px;height:100%;transition:width .5s}.spinner{border:3px solid #bba07a33;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding:48px 0 32px}.page-header h1{color:var(--secondary);font-size:36px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@media (max-width:1024px) and (min-width:769px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}.section{padding:60px 0}.page-header{margin-bottom:32px;padding:32px 0 24px}.page-header h1{font-size:28px}}.specFeatureRow{justify-content:space-between;gap:12px;font-size:13px;display:flex}.specFeatureRow strong{color:var(--text);max-width:140px;font-weight:600}.specFeatureRow span{text-align:right}@media (max-width:991px){.specFeatureRow{flex-direction:column;gap:4px}.specFeatureRow strong{max-width:none!important}.specFeatureRow span{text-align:left!important}}.comparisonRow{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 3fr;gap:16px;padding-bottom:16px;display:grid}@media (max-width:768px){.comparisonRow{grid-template-columns:1fr;gap:8px}}