:root{--bg-base: #000909;--bg-card: #011;--bg-card-hover: var(--bg-white-5);--bg-section-alt: var(--bg-black-10);--bg-white-5: rgba(255, 255, 255, .05);--bg-white-15: rgba(255, 255, 255, .15);--bg-black-10: rgba(0, 0, 0, .1);--bg-black-30: rgba(0, 0, 0, .3);--accent: #8E2;--accent-secondary: #591;--accent-muted: #351;--openclaw: #e55;--success: #198;--warning: #d68;--error: #c15;--text-primary: #fff;--text-secondary: #ddd;--text-middle: #999;--text-muted: #555;--text-dark: #000;--border: #355;--border-hover: #798;--border-active: #8E2;--section-padding: clamp(6rem, 12vw, 10rem);--container-max: 1230px;--content-lg: 1110px;--content-md: 990px;--header-max: 1350px;--container-padding: clamp(1.5rem, 5vw, 2.5rem);--radius-xs: 3px;--radius-s: 6px;--radius-m: 9px;--radius-l: 15px;--radius-xl: 999px;--transition: all .2s ease-out;--transition-slow: all .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(16.5px,15.88px + .17vw,18px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:300;background:var(--bg-base);color:var(--text-middle);min-height:100dvh;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(2.1rem,1.55rem + 2.42vw,3.6rem);font-weight:700}h2{font-size:clamp(1.5rem,1.17rem + 1.45vw,2.4rem)}h3{font-size:clamp(1.2rem,1.09rem + .48vw,1.5rem)}p{color:var(--text-secondary);max-width:680px}a{color:var(--text-middle);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;transition:var(--transition)}a:hover{text-decoration-color:var(--accent);color:var(--text-primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.section{padding:var(--section-padding) 0}.section-alt{border-top:1px solid var(--border);background:var(--bg-section-alt)}.section-header{text-align:left;margin-bottom:4rem;max-width:var(--content-md)}.section-header h2{margin-bottom:1.25rem}.section-header p{color:var(--text-secondary);font-size:1.1rem;max-width:650px}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:var(--radius-xl);font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition);text-decoration:none;letter-spacing:-.01em}.btn-lg{padding:.9rem 2.5rem;font-size:1rem}.btn-primary{background:var(--accent);color:var(--text-dark);border:1px solid var(--accent)}.btn-primary:hover,.btn-primary:focus{background:var(--bg-card);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover,.btn-secondary:focus{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-s);padding:2.5rem;transition:var(--transition-slow)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.02em;text-transform:uppercase}.badge-accent{background:transparent;color:var(--accent);border:1px solid var(--border)}.divider{width:100%;height:1px;background:var(--border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.section{padding:clamp(4rem,8vw,6rem) 0}.section-header{margin-bottom:2.5rem}p{max-width:100%}}