@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--copper:#d25c1b;--copper-light:#e87a3d;--copper-dark:#9c4210;--gold:#d4a346;--gold-dim:#c8922e;--bg-void:#fff;--bg-primary:#f8f9fa;--bg-secondary:#f1f3f5;--bg-surface:#fff;--bg-elevated:#fff;--text-primary:#1a1f26;--text-secondary:#4b5563;--text-muted:#6b7280;--text-dim:#d1d5db;--glass-bg:#ffffffd9;--glass-bg-hover:#fffffff2;--glass-border:#00000014;--glass-border-hover:#d25c1b59;--copper-border:#d25c1b33;--glass-highlight:#fffffff2;--glow-copper:0 0 30px #d25c1b26, 0 0 60px #d25c1b0d;--glow-copper-sm:0 0 15px #d25c1b33;--glow-gold:0 0 20px #d4a34626;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 20px 60px #0000001f;--shadow-card:0 10px 30px #0000000d, inset 0 1px 0 #fffc;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.18s;--duration-normal:.35s;--duration-slow:.65s;--max-width:1280px;--nav-height:80px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}#root{width:100%;position:relative;overflow-x:hidden}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);line-height:1.05}h1{font-size:clamp(3rem,8vw,7rem)}h2{font-size:clamp(2rem,5vw,4rem)}h3{font-size:clamp(1.4rem,3vw,2.2rem)}h4{font-size:1.25rem;font-family:var(--font-body);font-weight:700}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.card-glass:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-card), var(--glow-copper-sm);transform:translateY(-4px)}.btn{border-radius:var(--radius-sm);letter-spacing:.03em;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.9rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform .5s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn-copper{background:linear-gradient(135deg, var(--copper) 0%, var(--copper-light) 100%);color:#fff;box-shadow:0 4px 15px #e26d2859,inset 0 1px #ffffff26}.btn-copper:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e26d2880,inset 0 1px #ffffff26}.btn-copper:active{transform:translateY(0)}.btn-ghost{color:var(--text-primary);border:1px solid var(--glass-border-hover);background:0 0}.btn-ghost:hover{border-color:var(--copper);color:var(--copper);background:#e26d2814;transform:translateY(-2px)}.btn-outline-copper{color:var(--copper);border:1px solid var(--copper-border);background:0 0}.btn-outline-copper:hover{border-color:var(--copper);box-shadow:var(--glow-copper-sm);background:#e26d281a;transform:translateY(-2px)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--copper);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--copper);border-radius:2px;width:24px;height:2px;display:block}.text-copper{color:var(--copper)}.text-gold{color:var(--gold)}.text-gradient{background:linear-gradient(135deg, var(--copper) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.copper-divider{background:linear-gradient(90deg, transparent, var(--copper-border), transparent);border:none;height:1px;margin:0}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-copper{color:var(--copper);background:#d25c1b1a;border:1px solid #d25c1b40}.badge-gold{color:var(--gold);background:#d4a3461a;border:1px solid #d4a34640}.badge-green{color:#27ae60;background:#27ae601a;border:1px solid #27ae6040}.form-field{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:.9rem 1.1rem;font-size:.9rem}.form-field::placeholder{color:var(--text-muted)}.form-field:focus{border-color:var(--copper);box-shadow:0 0 0 3px #e26d281f}.spec-table{border-collapse:collapse;width:100%;font-size:.85rem;font-family:var(--font-mono)}.spec-table th{color:var(--copper);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--glass-border);background:#e26d2814;padding:.7rem 1rem;font-size:.72rem;font-weight:600}.spec-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:.65rem 1rem}.spec-table tbody tr:hover{background:#ffffff05}@keyframes glowPulse{0%,to{box-shadow:var(--glow-copper-sm)}50%{box-shadow:var(--glow-copper)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .6s var(--ease-out) both}.animate-fade-up{animation:fadeInUp .7s var(--ease-out) both}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--copper)}::selection{color:var(--text-primary);background:#e26d284d}