@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Darker+Grotesque:wght@400;500;600;700;800;900&family=VT323&display=swap");:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#0f0f0f;--bg-card-hover:#151515;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6a6a6a;--accent:#2563eb;--accent-hover:#3b82f6;--accent-light:rgba(37,99,235,.1);--border:rgba(37,99,235,.15);--border-light:rgba(37,99,235,.25);--section-padding:120px;--container-padding:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}#__next,body,html{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Darker Grotesque,Inter,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(48px,8vw,96px);font-weight:800}h2{font-size:clamp(32px,5vw,56px);font-weight:700}h3{font-size:clamp(24px,3vw,36px);font-weight:600}p{font-size:16px;line-height:1.7;color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}.container{max-width:1400px;margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0;position:relative}.section-header{margin-bottom:60px}.section-title{display:flex;align-items:center;gap:12px;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:16px;font-weight:600}.section-title:before{content:">";color:var(--accent);font-size:20px;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);opacity:0;transition:opacity var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card:hover:before{opacity:1}.grid{display:grid;grid-gap:24px;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px rgba(37,99,235,.3)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.badge{display:inline-flex;align-items:center;padding:6px 12px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-fade-in{animation:fadeIn .6s var(--transition-base)}.cursor-blink{display:inline-block;margin-left:4px;color:#60a5fa;animation:blink 1s step-start infinite;font-weight:300}.animate-fade-in-up{animation:fadeInUp .8s var(--transition-base)}.animate-slide-in-left{animation:slideInLeft .8s var(--transition-base)}.robot-mascot{position:fixed;bottom:50px;z-index:1000;pointer-events:none;width:150px;height:180px}.robot-svg{width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(37,99,235,.3))}.robot-walking-in{animation:robotWalkIn 2s cubic-bezier(.4,0,.2,1) forwards}.robot-walking-in .robot-legs{animation:robotLegsWalk .6s ease-in-out infinite}.robot-walking-in .robot-body{animation:robotBodyWalk .6s ease-in-out infinite}.robot-walking-in .robot-antenna{animation:robotAntennaBounce .6s ease-in-out infinite}.robot-tapping{left:calc(50% - 250px);animation:robotTap .8s ease-in-out}.robot-tapping .robot-arm-right{animation:robotArmTap .8s ease-in-out}.robot-waving{left:calc(50% - 250px)}.robot-waving .robot-head{transform-origin:center bottom;animation:robotHeadTurn 1.5s ease-in-out}.robot-waving .robot-arm-left.arm-wave{transform-origin:65px 100px;animation:robotArmWave .6s ease-in-out 3}.robot-waving .robot-arm-right.arm-wave{transform-origin:135px 100px;animation:robotArmWave .6s ease-in-out .1s 3}.robot-walking-out{left:calc(50% - 250px);animation:robotWalkOut 2s cubic-bezier(.4,0,.2,1) forwards}.robot-walking-out .robot-legs{animation:robotLegsWalk .6s ease-in-out infinite}.robot-walking-out .robot-body{animation:robotBodyWalk .6s ease-in-out infinite}.robot-walking-out .robot-svg{transform:scaleX(1)}@keyframes robotWalkIn{0%{left:-200px}to{left:calc(50% - 250px)}}@keyframes robotLegsWalk{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes robotBodyWalk{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes robotAntennaBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-5deg)}}@keyframes robotTap{0%,to{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}}@keyframes robotArmTap{0%,to{transform:rotate(0deg)}50%{transform:rotate(-45deg)}}@keyframes robotHeadTurn{0%,to{transform:rotate(0deg)}20%,80%{transform:rotate(0deg)}40%,60%{transform:rotate(0deg) translateX(0)}}@keyframes robotArmWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-30deg)}75%{transform:rotate(20deg)}}@keyframes robotWalkOut{0%{left:calc(50% - 250px);opacity:1}to{left:120%;opacity:0}}.terminal-hidden{opacity:0;transform:scale(.9) translateY(20px);pointer-events:none}.terminal-visible{opacity:1;transform:scale(1) translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.robot-mascot{width:100px;height:120px;bottom:30px}.robot-tapping,.robot-waving{left:calc(50% - 180px)}@keyframes robotWalkIn{to{left:calc(50% - 180px)}}@keyframes robotWalkOut{0%{left:calc(50% - 180px)}}}.text-gradient{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}@media (max-width:1200px){:root{--section-padding:80px;--container-padding:60px}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:968px){:root{--section-padding:60px;--container-padding:40px}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){:root{--section-padding:40px;--container-padding:20px}.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}h1{font-size:42px}h2{font-size:32px}}