@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-pure-black:#000;--color-near-black:#0a0a0a;--color-elevated:#111;--color-surface:#161616;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666;--color-text-muted:#444;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-border-active:#fff3;--color-accent:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 40px #0009;--shadow-glow:0 0 40px #ffffff08;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--text-xs:clamp(.65rem, .8vw, .75rem);--text-sm:clamp(.75rem, .9vw, .875rem);--text-base:clamp(.875rem, 1vw, 1rem);--text-lg:clamp(1rem, 1.2vw, 1.125rem);--text-xl:clamp(1.25rem, 1.8vw, 1.5rem);--text-2xl:clamp(1.5rem, 2.5vw, 2rem);--text-3xl:clamp(2rem, 3.5vw, 2.5rem);--text-4xl:clamp(2.5rem, 5vw, 4rem);--text-5xl:clamp(3rem, 7vw, 6rem);--text-6xl:clamp(4rem, 10vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-circ:cubic-bezier(.85, 0, .15, 1);--ease-elastic:cubic-bezier(.68, -.55, .265, 1.55);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-drawer:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*,: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-body);background:var(--color-pure-black);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-pure-black)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{color:var(--color-text-primary);background:#ffffff26}body:after{content:"";opacity:.025;pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(1%)}80%{transform:translateY(-1%)}90%{transform:translate(1%,1%)}}.container{width:100%;padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:768px){.container{padding:0 var(--space-8)}}@media (min-width:1024px){.container{padding:0 var(--space-10);max-width:1200px}}@media (min-width:1280px){.container{padding:0 var(--space-12);max-width:1280px}}@media (min-width:1536px){.container{padding:0 var(--space-16);max-width:1400px}}.section{padding:2.5rem 0;position:relative;overflow:hidden}@media (min-width:768px){.section{padding:3rem 0}}@media (min-width:1024px){.section{padding:3.5rem 0}}.section+.section{padding-top:0}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:2rem;display:flex}.section-tag{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.section-tag:before{content:"";background:var(--color-text-muted);width:24px;height:1px;display:inline-block}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700;line-height:1.1}.section-desc{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin-top:var(--space-3);line-height:1.7}.view-all{font-size:var(--text-sm);color:var(--color-text-tertiary);align-items:center;gap:var(--space-2);transition:color .3s var(--ease-out-expo), gap .3s var(--ease-out-expo);white-space:nowrap;font-weight:600;text-decoration:none;display:flex}.view-all:hover{color:var(--color-text-primary);gap:var(--space-3)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.02em;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all .4s var(--ease-out-expo);white-space:nowrap;border:none;outline:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-text-primary);color:var(--color-pure-black)}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#0000001a);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-hover);background:0 0}.btn-secondary:hover{border-color:var(--color-text-primary);background:#ffffff0d;transform:translateY(-2px)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{color:var(--color-text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-full{width:100%}.badge{padding:var(--space-1) var(--space-3);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);align-items:center;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.badge-new{background:var(--color-text-primary);color:var(--color-pure-black)}.badge-hot{background:var(--color-warning);color:var(--color-pure-black)}.badge-deal{background:var(--color-success);color:var(--color-pure-black)}.badge-premium{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.reveal{opacity:1;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.stagger-children>*{opacity:1;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:none}.scroll-row{gap:var(--space-4);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--space-2) 0;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-near-black) 25%, var(--color-elevated) 50%, var(--color-near-black) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-elevated);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);opacity:0;transition:all .5s var(--ease-out-expo);max-width:400px;display:flex;transform:translateY(100px)scale(.9)}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-success .toast-icon{background:var(--color-success)}.toast-error .toast-icon{background:var(--color-error)}.scroll-progress{background:var(--color-text-primary);z-index:9999;transform-origin:0;height:2px;transition:transform .1s linear;position:fixed;top:0;left:0;transform:scaleX(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{white-space:nowrap;display:flex;overflow:hidden}.marquee-content{gap:var(--space-8);padding-right:var(--space-8);animation:30s linear infinite marquee;display:flex}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.spotlight-card:hover:before{opacity:1}.image-reveal{position:relative;overflow:hidden}.image-reveal:after{content:"";background:var(--color-pure-black);transition:transform 1.2s var(--ease-out-expo);position:absolute;inset:0;transform:translate(0)}.image-reveal.revealed:after{transform:translate(100%)}@supports (overscroll-behavior:none){body{overscroll-behavior-y:none}}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.stagger-children>*{opacity:1;transform:none}}.text-gradient{background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0009}.glass-strong{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#000000d9}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}.flowchart-timeline{box-sizing:border-box;flex-direction:column;gap:2rem;padding-left:2rem;display:flex;position:relative}.flowchart-line{background:#ffffff14;width:2px;position:absolute;top:10px;bottom:10px;left:10px}.flowchart-progress-fill{width:100%;height:var(--fill-pct,0%);background:#39ff14;transition:height .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #39ff14}.flowchart-node{align-items:center;gap:1rem;display:flex;position:relative}.flowchart-node-circle{color:#888;z-index:2;background:#111;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:10px;font-size:11px;font-weight:700;transition:all .3s;display:flex;position:absolute;left:-2rem;transform:translate(-50%)}.flowchart-node-label{color:#888;padding-left:1.5rem;font-size:14px;font-weight:500;transition:color .3s}.flowchart-node.completed .flowchart-node-circle{color:#000;background:#10b981;border-color:#10b981}.flowchart-node.completed .flowchart-node-label{color:#fff;font-weight:600}.flowchart-node.active .flowchart-node-circle{color:#000;background:#39ff14;border-color:#39ff14;box-shadow:0 0 12px #39ff1480}.flowchart-node.active .flowchart-node-label{color:#39ff14;font-weight:700}.flowchart-node.pending .flowchart-node-circle{color:#888;background:#111;border-color:#ffffff26}.flowchart-node.pending .flowchart-node-label{color:#666}
.glitch-text{color:var(--text-white);display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 #d32f2f;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch-text:after{text-shadow:-1px 0 #0288d1;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(12px, 9999px, 86px, 0)}5%{clip:rect(65px, 9999px, 2px, 0)}10%{clip:rect(41px, 9999px, 54px, 0)}15%{clip:rect(100px, 9999px, 20px, 0)}20%{clip:rect(15px, 9999px, 90px, 0)}25%{clip:rect(74px, 9999px, 11px, 0)}30%{clip:rect(32px, 9999px, 66px, 0)}35%{clip:rect(98px, 9999px, 45px, 0)}40%{clip:rect(6px, 9999px, 88px, 0)}45%{clip:rect(81px, 9999px, 22px, 0)}50%{clip:rect(55px, 9999px, 77px, 0)}55%{clip:rect(23px, 9999px, 34px, 0)}60%{clip:rect(90px, 9999px, 6px, 0)}65%{clip:rect(44px, 9999px, 99px, 0)}70%{clip:rect(72px, 9999px, 51px, 0)}75%{clip:rect(18px, 9999px, 83px, 0)}80%{clip:rect(85px, 9999px, 14px, 0)}85%{clip:rect(39px, 9999px, 62px, 0)}90%{clip:rect(61px, 9999px, 29px, 0)}95%{clip:rect(27px, 9999px, 95px, 0)}to{clip:rect(94px, 9999px, 48px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(82px, 9999px, 16px, 0)}5%{clip:rect(25px, 9999px, 72px, 0)}10%{clip:rect(91px, 9999px, 34px, 0)}15%{clip:rect(40px, 9999px, 80px, 0)}20%{clip:rect(65px, 9999px, 15px, 0)}25%{clip:rect(14px, 9999px, 92px, 0)}30%{clip:rect(78px, 9999px, 46px, 0)}35%{clip:rect(32px, 9999px, 68px, 0)}40%{clip:rect(96px, 9999px, 22px, 0)}45%{clip:rect(51px, 9999px, 81px, 0)}50%{clip:rect(15px, 9999px, 57px, 0)}55%{clip:rect(83px, 9999px, 14px, 0)}60%{clip:rect(49px, 9999px, 96px, 0)}65%{clip:rect(24px, 9999px, 49px, 0)}70%{clip:rect(92px, 9999px, 21px, 0)}75%{clip:rect(68px, 9999px, 83px, 0)}80%{clip:rect(15px, 9999px, 45px, 0)}85%{clip:rect(89px, 9999px, 72px, 0)}90%{clip:rect(31px, 9999px, 19px, 0)}95%{clip:rect(67px, 9999px, 85px, 0)}to{clip:rect(24px, 9999px, 58px, 0)}}.liquid-bg{background:linear-gradient(45deg, var(--brand-secondary), var(--brand-accent), #795548, var(--brand-primary));background-size:400% 400%;animation:8s infinite liquid-gradient}@keyframes liquid-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gooey-wrapper{filter:url(#gooey);justify-content:center;align-items:center;display:flex;position:relative}.gooey-blob{background-color:var(--brand-accent);border-radius:50%;animation:3s cubic-bezier(.45,0,.55,1) infinite alternate blob-morph;position:absolute}.gooey-blob:first-child{width:60px;height:60px;animation-delay:0s}.gooey-blob:nth-child(2){width:45px;height:45px;animation-delay:-1s}.gooey-blob:nth-child(3){width:30px;height:30px;animation-delay:-2s}@keyframes blob-morph{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,-15px)scale(1.2)}to{transform:translate(-25px,15px)scale(.8)}}.scroll-snap-x{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.scroll-snap-x::-webkit-scrollbar{display:none}.snap-center{scroll-snap-align:center;flex:none}.snap-start{scroll-snap-align:start;flex:none}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],input[type=search],textarea,select{color:#fff!important;box-sizing:border-box!important;background:#111!important;border:1px solid #ffffff1a!important;border-radius:10px!important;outline:none!important;padding:12px 14px!important;font-size:14px!important;transition:border-color .2s!important}input:focus,textarea:focus,select:focus{border-color:#39ff1466!important}input::placeholder,textarea::placeholder{color:#555!important}select{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;padding-right:36px!important}select option{color:#fff!important;background:#111!important}input:-webkit-autofill{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}textarea:-webkit-autofill{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}textarea:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}select:-webkit-autofill{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}select:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}select:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #111!important}[style*="background: rgb(255"],[style*="background: #fff"],[style*="background: white"],[style*="background-color: rgb(255"],[style*="background-color: #fff"],[style*="background-color: white"]{color:#fff!important;background:#0a0a0a!important}[style*="border: 1px solid #e2e8f0"],[style*="border: 1px solid #f1f5f9"]{border-color:#ffffff14!important}
