@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--primary-10:#3d0e09;--primary-20:#5c1610;--primary-40:#7a1d14;--primary-60:#992316;--primary-80:#cb2e1e;--primary-100:#fd3a25;--black:#070707;--surface-1:#121212;--surface-2:#1a1a1a;--surface-3:#212121;--surface-4:#2a2a2a;--grey-20:#333;--grey-40:#767676;--grey-60:#bdbdbd;--grey-80:#f6f6f6;--grey-100:#fff;--font-primary:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--section-gap:128px;--container-max:1200px;--container-padding:32px;--radius-card:24px;--radius-pill:999px;--radius-button:12px;--shadow-card:0 4px 24px #0000004d;--shadow-hover:0 12px 40px #00000080;--glow-red:0 0 60px #fd3a2526;--glow-red-strong:0 0 120px #fd3a254d;--z-base:1;--z-card:10;--z-sticky:50;--z-overlay:100;--z-modal:200;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.18s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-primary);background-color:var(--black);color:var(--grey-100);font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-gap) 0;position:relative}.display-1{letter-spacing:-.03em;font-size:clamp(48px,6vw,80px);font-weight:500;line-height:1.05}.display-2{letter-spacing:-.02em;font-size:clamp(36px,4.5vw,56px);font-weight:600;line-height:1.15}.heading-1{letter-spacing:-.02em;font-size:clamp(28px,3.5vw,48px);font-weight:600;line-height:1.2}.heading-2{letter-spacing:-.01em;font-size:clamp(24px,2.5vw,40px);font-weight:600;line-height:1.25}.heading-3{font-size:clamp(20px,2vw,32px);font-weight:600;line-height:1.3}.heading-4{font-size:clamp(18px,1.5vw,24px);font-weight:600;line-height:1.35}.btn{border-radius:var(--radius-pill);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-100);color:var(--grey-100);box-shadow:0 0 30px #fd3a2540}.btn-primary:hover{background:var(--primary-80);transform:translateY(-2px);box-shadow:0 0 50px #fd3a2566}.btn-ghost{color:var(--grey-100);border:1px solid var(--grey-40);background:0 0}.btn-ghost:hover{border-color:var(--grey-100);background:#ffffff0d;transform:translateY(-2px)}.chip{border-radius:var(--radius-pill);color:var(--primary-100);background:#fd3a251a;border:1px solid #fd3a2533;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.card{background:var(--surface-1);border-radius:var(--radius-card);transition:all var(--duration-normal) var(--ease-out);border:1px solid #ffffff0f;padding:32px}.card:hover{box-shadow:var(--shadow-hover);border-color:#ffffff1a}.card-light{background:var(--grey-80);color:var(--black);border:1px solid #0000000f}.card-light:hover{background:var(--grey-100)}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-100);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--primary-100);border-radius:50%;width:8px;height:8px}.text-accent{color:var(--primary-100)}.text-muted{color:var(--grey-60)}.text-secondary{color:var(--grey-40)}::selection{color:var(--grey-100);background:#fd3a254d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--grey-40)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (max-width:1024px){:root{--section-gap:80px;--container-padding:24px}}@media (max-width:768px){:root{--section-gap:64px;--container-padding:20px}}@media (max-width:480px){:root{--section-gap:48px;--container-padding:16px}}:focus-visible{outline:2px solid var(--primary-100);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-100);outline-offset:2px;border-radius:4px}
