@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-bloom{0%,to{box-shadow:0 0 8px #81ff530f,0 0 20px #81ff5308}15%{box-shadow:0 0 20px #81ff5324,0 0 50px #81ff530f,0 0 90px #81ff5308}30%{box-shadow:0 0 10px #81ff530a}45%{box-shadow:0 0 16px #81ff531a,0 0 40px #81ff530d}}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes peek-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes scroll-hint-in{to{opacity:1;transform:translateY(0)}}@keyframes scroll-hint-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes appear{to{opacity:1;transform:translateY(0)}}.landing *{box-sizing:border-box;margin:0;padding:0}.landing .page{-moz-column-gap:20px;flex-wrap:wrap;column-gap:20px;max-width:1400px;min-height:100vh;margin:0 auto;display:flex}.landing .left{flex-direction:column;justify-content:center;width:calc(40% - 10px);min-width:0;height:100dvh;padding:32px clamp(16px,3vw,40px) 32px clamp(20px,5vw,80px);display:flex}.landing .top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.landing .logo{width:auto;height:32px;margin-right:auto;display:block}.landing .switcher{border:1px solid var(--border-landing);background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:24px;flex-shrink:0;gap:4px;padding:4px;display:inline-flex;position:relative}.landing .sw{color:var(--text-dim);font-family:var(--font);cursor:pointer;z-index:1;white-space:nowrap;background:0 0;border:none;border-radius:20px;padding:8px 20px;font-size:15px;font-weight:700;position:relative}.landing .sw:hover{color:var(--text-bright);background:#ffffff0d;background:lab(100% 0 0/.05)}.landing .sw.active{color:var(--text-bright);background:0 0}.landing .sw.active:hover{background:0 0}.landing .switcher-bg{z-index:0;background:#ffffff14;background:lab(100% 0 0/.08);border-radius:20px;height:calc(100% - 8px);position:absolute;top:4px}.landing h1{font-family:var(--font-side-a),var(--font-sans);color:var(--text-bright);text-wrap:balance;letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.1}.landing h1 .highlight{color:var(--n-0)}.landing .sub{-webkit-font-smoothing:antialiased;color:var(--text-dim);margin-bottom:clamp(32px,6vw,90px);font-family:Inter,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:500;line-height:1.6}.landing .hero-group{width:fit-content}.landing .section-title{color:var(--text);letter-spacing:-.01em;margin-bottom:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.landing .cta-buttons{gap:12px;margin-bottom:14px;display:flex}.landing .cta-install{margin-bottom:24px}.landing .cta-install .cmd{background:#16161680;background:lab(7.22637% -.0000149012 0/.5);border:2px solid #ffffff26;border:2px solid lab(100% 0 0/.15);border-radius:24px;justify-content:space-between;gap:20px;margin:0;padding:14px;animation:8s ease-in-out infinite glow-bloom;display:flex}.landing .cta-install .cmd code{flex:none;font-size:14px;font-weight:600}.landing .cta-label{color:#eaeaf359;color:lab(92.9349% 1.1996 -4.35557/.35);cursor:pointer;align-items:center;margin-bottom:14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.landing .cta-label:hover{color:#eaeaf38c;color:lab(92.9349% 1.1996 -4.35557/.55)}.landing .cta-row{align-items:center;gap:4px;display:flex}.landing .cta-row .cta-label{margin-bottom:0;margin-right:auto}.landing .cta-row .cta-btn{flex:1}.landing .cta-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;height:48px;padding:0 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.landing .cta-btn:hover{opacity:.85}.landing .cta-primary{color:var(--n-950);background:linear-gradient(#cbffb8 0%,#81ff53 100%);border:3px solid #2b641d;border:3px solid lab(37.5537% -30.6765 32.964);border-radius:14px;box-shadow:0 2px 12px #4995374d;box-shadow:0 2px 12px lab(55.3068% -38.3886 40.6447/.3)}.landing .cta-secondary{background:var(--n-900);color:var(--n-200);border:3px solid var(--n-700);border-radius:14px;justify-content:center}.landing .cta-ghost{color:var(--text-dim);background:0 0;border:none;justify-content:center}.landing .cta-ghost:hover{color:var(--text-bright)}.landing .publish-combo{margin:0 2px;position:relative}.landing .publish-chip{color:#eaeaf366;color:lab(92.9349% 1.1996 -4.35557/.4);cursor:pointer;vertical-align:middle;background:#ffffff06;background:lab(100% 0 0/.025);border:1px solid #ffffff0a;border:1px solid lab(100% 0 0/.04);border-radius:999px;align-items:center;gap:4px;padding:2px 6px 2px 10px;display:inline-flex;position:relative}.landing .publish-chip:hover{border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}.landing .publish-menu{background:var(--n-850);z-index:10;border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:10px;min-width:140px;padding:4px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 32px #00000080;box-shadow:0 12px 32px lab(0% 0 0/.5)}.landing .publish-item{width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:block}.landing .publish-item:hover{color:var(--text-bright);background:#ffffff14;background:lab(100% 0 0/.08)}.landing .publish-item-active{color:var(--text-bright)}.landing .ctas{gap:12px;margin-bottom:12px;display:flex}.landing .btn{background:linear-gradient(180deg,var(--n-800)0%,var(--n-925)54%);color:var(--n-0);cursor:pointer;text-align:center;white-space:nowrap;z-index:0;border:none;border-radius:14px;flex:1;padding:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:24px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #262626b3;box-shadow:0 0 0 2px lab(15.204% 0 -.00000596046/.7)}.landing .btn:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(#cbffb8 0%,#81ff53 54%);position:absolute;inset:0}.landing .btn:hover{opacity:.8;transform:scale(1.02)}.landing .btn.active{color:var(--n-950);box-shadow:0 0 0 2px #386926}.landing .btn.active:before{opacity:1}.landing .btn.active:hover{opacity:.8;transform:scale(1.02)}.landing .terminal .bot-art{z-index:4;pointer-events:none;opacity:.7;border-radius:10px;width:72px;height:72px;position:absolute;bottom:8px;right:8px;overflow:hidden}.landing .bot-art canvas{width:100%;height:100%}.landing .links{gap:6px;margin-bottom:-8px;padding-bottom:0;display:flex}.landing .link-btn{height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.landing .link-btn:hover{color:var(--text-bright);background:#ffffff14;background:lab(100% 0 0/.08)}.landing .openclaw-icon{opacity:.5;filter:grayscale()}.landing .link-btn:hover .openclaw-icon{opacity:1;filter:grayscale(0)}.landing .how-link{margin-left:auto}.landing .right{flex-direction:column;justify-content:center;align-items:center;width:calc(60% - 10px);height:100dvh;padding:32px clamp(20px,5vw,80px) 32px clamp(16px,3vw,40px);display:flex}.landing .terminal-label{color:var(--text-secondary);text-align:left;align-self:center;max-width:640px;margin-top:20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.landing .terminal-label-accent{color:var(--green-dim);font-family:Inter,sans-serif;font-weight:700}.landing .terminal{background:var(--n-900);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:20px;flex-direction:column;width:min(640px,100%);max-height:70vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 4px 16px #00000040;box-shadow:0 20px 60px lab(0% 0 0/.5),0 4px 16px lab(0% 0 0/.25)}.landing .terminal-bar{border-bottom:1px solid #ffffff0f;border-bottom:1px solid lab(100% 0 0/.06);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.landing .terminal-title{color:var(--text-secondary);font-size:13px;font-family:var(--font);pointer-events:none;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.landing .right>.switcher{margin-bottom:12px}.landing .tab-how{height:28px;box-shadow:none;color:var(--text-bright);cursor:pointer;background:#ffffff0f;background:lab(100% 0 0/.06);border:none;border-radius:20px;align-items:center;margin-left:auto;padding:0 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.landing .tab-how:hover{opacity:.8;transform:scale(1.02)}.landing .terminal-body-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.landing .terminal-body-wrap:before,.landing .terminal-body-wrap:after{content:"";pointer-events:none;z-index:3;opacity:0;height:48px;position:absolute;left:0;right:0}.landing .terminal-body-wrap:before{background:linear-gradient(to bottom,var(--n-925)0%,#1119 40%,transparent 100%);top:0}@supports (color:lab(0% 0 0)){.landing .terminal-body-wrap:before{background:linear-gradient(to bottom,var(--n-925)0%,lab(5.09437% -.00000745058 0/.6) 40%,transparent 100%)}}.landing .terminal-body-wrap:after{background:linear-gradient(to top,var(--n-925)0%,#1119 40%,transparent 100%);bottom:0}@supports (color:lab(0% 0 0)){.landing .terminal-body-wrap:after{background:linear-gradient(to top,var(--n-925)0%,lab(5.09437% -.00000745058 0/.6) 40%,transparent 100%)}}.landing .terminal-body-wrap.fade-top:before,.landing .terminal-body-wrap.fade-bottom:after{opacity:1}.landing .terminal-body{background:var(--n-925);scrollbar-color:var(--border-light)transparent;scrollbar-width:thin;flex:1;height:100%;padding:20px 24px 12px;overflow-y:auto}.landing .terminal-body::-webkit-scrollbar{width:6px}.landing .terminal-body::-webkit-scrollbar-track{background:0 0}.landing .terminal-body::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.landing .skill-grid-section{width:min(640px,100%)}.landing .skill-grid-headline{font-family:"Inter",var(--font-sans);color:#eaeaf399;color:lab(92.9349% 1.1996 -4.35557/.6);letter-spacing:-.01em;margin-bottom:12px;font-size:14px;font-weight:600}.landing .skill-grid-headline-accent{color:var(--green);font-weight:700}.landing .skill-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.landing .skill-card{color:inherit;background:#ffffff08;background:lab(100% 0 0/.03);border:1px solid #ffffff0f;border:1px solid lab(100% 0 0/.06);border-radius:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:block}.landing .skill-card:hover{border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}.landing .skill-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.landing .skill-card-name{font-family:var(--font);color:var(--text-bright);font-size:13px;font-weight:700}.landing .skill-card-price{font-family:var(--font);color:var(--green-dim);font-size:12px;font-weight:700}.landing .skill-card-desc{color:var(--text-dim);font-family:Inter,sans-serif;font-size:12px;line-height:1.4}.landing .skill-card-meta{justify-content:space-between;margin-top:8px;display:flex}.landing .skill-card-author{color:var(--n-500);font-family:Inter,sans-serif;font-size:11px}.landing .skill-card-calls{font-family:var(--font);color:var(--n-500);font-size:11px}.landing .skill-grid-viewall{height:40px;color:var(--n-200);background:var(--n-900);border:2px solid var(--n-750);border-radius:14px;align-items:center;margin-top:14px;padding:0 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.landing .skill-grid-viewall:hover{transform:scale(1.02)}.landing .tab.hidden{display:none}.landing .tab-animate{animation:.25s ease-out tab-fade-in}.landing .skills-cli{font-family:var(--font);font-size:13px}.landing .skills-cli-cmd{color:var(--text-secondary);margin-bottom:16px}.landing .skills-cli-table{flex-direction:column;display:flex}.landing .skills-cli-row{border-bottom:1px solid #ffffff0f;border-bottom:1px solid lab(100% 0 0/.06);align-items:center;margin:0 -8px;padding:12px 8px;display:flex}.landing .skills-cli-row:last-child{border-bottom:none}.landing .skills-cli-row:hover{background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:6px}.landing .skills-cli-name{color:var(--text-bright);flex-shrink:0;width:130px;font-weight:600}.landing .skills-cli-desc{color:var(--text-dim);flex:1;min-width:0;font-family:Inter,sans-serif;font-size:12px}.landing .skills-cli-price{color:var(--green-dim);flex-shrink:0;margin-left:16px;font-weight:700}.landing .skills-cli-calls{color:var(--text-secondary);text-align:right;flex-shrink:0;width:50px;margin-left:12px;font-size:12px}.landing .skills-cli-footer{color:var(--text-secondary);margin-top:16px;font-size:12px}.landing .section{-webkit-backdrop-filter:blur(8px);background:#ffffff05;background:lab(100% 0 0/.02);border:1px solid #ffffff0f;border:1px solid lab(100% 0 0/.06);border-radius:12px;margin-bottom:12px;padding:16px}.landing .section:last-child{margin-bottom:0}.landing .label{color:var(--text-bright);text-transform:none;letter-spacing:-.01em;align-items:baseline;margin-bottom:10px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;display:flex}.landing .label .num{color:var(--text-dim);font-size:14px;font-weight:700;font-family:var(--font);flex-shrink:0;margin-right:8px}.landing .label .num:after{content:".";color:var(--text-dim)}.landing .desc{color:var(--text-dim);margin-bottom:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.landing .desc strong{color:var(--text-bright)}.landing .hint{color:var(--text-dim);margin-top:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.5}.landing .cmd{background:#00000040;background:lab(0% 0 0/.25);border:none;border-radius:8px;align-items:center;gap:10px;margin-top:8px;margin-bottom:8px;padding:10px 12px;display:flex}.landing .cmd code{font-family:var(--font);color:var(--text);white-space:nowrap;flex:1;font-size:12px;font-weight:700;overflow-x:auto}.landing .tok-cmd{color:#93b8a3;color:lab(71.6735% -16.1632 6.40818);font-weight:700}.landing .tok-flag{color:#73a9e1;color:lab(67.2299% -6.91342 -34.2486)}.landing .tok-num{color:#e4ac59;color:lab(74.4315% 14.934 50.2358)}.landing .tok-pkg{color:#67d2cc;color:lab(77.9385% -33.6653 -6.76284)}.landing .tok-path{color:#deac83;color:lab(74.2446% 15.1609 28.2045)}.landing .tok-arg{color:var(--text)}.landing .copy{background:oklch(from var(--green)l c h/.1);color:var(--green);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;line-height:1;display:flex}.landing .copy:hover{background:oklch(from var(--green)l c h/.14);transform:scale(1.02)}.landing .copy-icon-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.landing .copy-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing .copy-icon-in{opacity:1;transform:scale(1)rotate(0)}.landing .copy-icon-out{opacity:0;transform:scale(.5)rotate(-90deg)}.landing .flow-list{color:var(--text);counter-reset:flow;margin:4px 0 0;padding:0;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.8;list-style:none}.landing .flow-list li{counter-increment:flow;padding-left:32px;position:relative}.landing .flow-list li:before{content:counter(flow)".";color:var(--text-dim);font-weight:600;position:absolute;left:0}.landing .output{background:#00000040;background:lab(0% 0 0/.25);border-radius:8px;margin:8px 0 0;padding:10px 12px}.landing .output code{font-family:var(--font);font-size:12px;line-height:1.6}.landing .tab pre{background:0 0;margin:0}.landing .tab code{font-family:var(--font);color:var(--text);font-size:13px;line-height:1.7}.landing .prompt{color:var(--text-dim)}.landing .out{color:var(--text-secondary)}.landing .d402{color:var(--green-dim);font-weight:700}.landing .comment{color:var(--text-secondary)}.landing .enables-section{width:100%;padding:clamp(40px,8vw,120px) clamp(20px,5vw,80px)}.landing .enables-heading{font-family:var(--font-side-a),var(--font-sans);color:var(--text-bright);text-align:center;margin-bottom:64px;font-size:clamp(28px,4vw,40px);font-weight:400}.landing .enables-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.landing .enables-card{flex-direction:column;gap:12px;display:flex}.landing .enables-card h3{font-family:var(--font-side-a),var(--font-sans);color:var(--text-bright);margin:4px 0 0;font-size:20px;font-weight:400}.landing .enables-card p{color:var(--text-dim);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.6}.landing .faq-section{width:100%;max-width:800px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,5vw,80px) clamp(32px,4vw,48px)}.landing .faq-item{transition:none}.landing .faq-heading{font-family:var(--font-side-a),var(--font-sans);color:var(--text-bright);text-align:center;margin-bottom:48px;font-size:clamp(28px,4vw,40px);font-weight:400}.landing .faq-list{flex-direction:column;gap:8px;display:flex}.landing .faq-item{interpolate-size:allow-keywords;cursor:pointer;border:none;border-radius:16px;padding:0}.landing .faq-item:hover{background:#ffffff08;background:lab(100% 0 0/.03)}.landing .faq-item summary{font-family:var(--font-side-a),var(--font-sans);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:18px 20px;font-size:20px;font-weight:400;list-style:none;display:flex}.landing .faq-item summary::-webkit-details-marker{display:none}.landing .faq-item summary img{flex-shrink:0}.landing .faq-item::details-content{opacity:0;block-size:0;transition:opacity .25s ease,block-size .25s ease,content-visibility .25s ease allow-discrete;overflow:hidden}.landing .faq-item[open]::details-content{opacity:1;block-size:auto}@starting-style{.landing .faq-item[open]::details-content{opacity:0;block-size:0}}.landing .faq-item p{color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:0 20px 18px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.7}.landing .how-section{flex-direction:column;align-items:center;width:100%;padding:clamp(40px,8vw,100px) clamp(20px,5vw,80px);display:flex}.landing .how-heading{font-family:var(--font-side-a),var(--font-sans);color:var(--text-bright);text-align:center;margin-bottom:48px;font-size:clamp(28px,4vw,40px);font-weight:400}.landing .how-terminal{background:var(--bg-surface);border:1px solid var(--border-landing);border-radius:12px;width:660px;max-width:100%;overflow:hidden;box-shadow:0 20px 60px #00000080,0 4px 16px #00000040}.landing .how-terminal-bar{border-bottom:1px solid var(--border-landing);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.landing .how-terminal-title{font-family:var(--font);color:var(--n-500);pointer-events:none;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.landing .how-refresh{color:var(--n-500);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;right:14px}.landing .how-refresh:hover{color:var(--text-bright);background:#ffffff0f}.landing .how-terminal-body-wrap{height:460px;position:relative;overflow:hidden}.landing .how-terminal-body-wrap:before,.landing .how-terminal-body-wrap:after{content:"";pointer-events:none;z-index:3;opacity:0;height:48px;transition:opacity .2s;position:absolute;left:0;right:0}.landing .how-terminal-body-wrap:before{background:linear-gradient(to bottom,var(--bg-inset)0%,transparent 100%);top:0}.landing .how-terminal-body-wrap:after{background:linear-gradient(to top,var(--bg-inset)0%,transparent 100%);bottom:0}.landing .how-terminal-body-wrap.fade-top:before,.landing .how-terminal-body-wrap.fade-bottom:after{opacity:1}.landing .how-terminal-body{background:var(--bg-inset);scrollbar-width:thin;scrollbar-color:var(--border-light)transparent;height:100%;padding:20px 24px;overflow-y:auto}.landing .how-terminal-body::-webkit-scrollbar{width:6px}.landing .how-terminal-body::-webkit-scrollbar-track{background:0 0}.landing .how-terminal-body::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.landing .how-line{font-family:var(--font);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7}.landing .how-line--cmd{color:var(--text-bright);font-weight:700}.landing .how-line--out{color:var(--text-dim)}.landing .how-line--d402{color:var(--green-dim);font-weight:700}.landing .how-line--green,.landing .how-line--success{color:var(--green);font-weight:700}.landing .how-line--price{color:var(--green-dim);font-weight:700}.landing .how-line--label{color:var(--text)}.landing .how-line--comment{color:var(--n-500);margin-top:20px}.landing .how-line--comment:first-child{margin-top:0}.landing .how-line--muted{color:var(--n-600)}.landing .how-line--warn{color:#febc2e}.landing .how-cursor{background:var(--green);vertical-align:text-bottom;width:8px;height:15px;margin-left:2px;animation:1s step-end infinite cursor-blink;display:inline-block}.landing .how-skip-btn{z-index:4;cursor:pointer;font-family:var(--font);color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:none;border-radius:6px;padding:4px 12px;font-size:11px;line-height:1.4;transition:opacity .2s,background .15s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.landing .how-skip-btn:hover{background:#ffffff1f}.landing .how-cta-title{margin-top:36px;margin-bottom:0}.landing .how-cta{gap:12px;margin-top:16px;display:flex}.landing .how-cta-btn{border-radius:14px;height:40px;padding:0 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s}.landing .how-cta-btn:hover{transform:scale(1.02)}.landing .how-cta-copy{cursor:pointer;color:var(--n-950);white-space:nowrap;background:linear-gradient(#cbffb8 0%,#81ff53 100%);border:3px solid #2b641d;border:3px solid lab(37.5537% -30.6765 32.964);border-radius:14px;align-items:center;gap:8px;transition:width .2s cubic-bezier(.4,0,.2,1),transform .15s;display:inline-flex;overflow:hidden;box-shadow:0 2px 12px #4995374d;box-shadow:0 2px 12px lab(55.3068% -38.3886 40.6447/.3)}.landing .how-cta-secondary{color:var(--n-200);background:var(--n-900);border:2px solid var(--n-750);border-radius:14px;align-items:center;display:inline-flex}.landing .scroll-hint{color:var(--text-secondary);z-index:39;pointer-events:none;opacity:0;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;animation:.6s ease-out 1.5s forwards scroll-hint-in;display:flex;position:fixed;bottom:90px;left:0;right:0;transform:translateY(8px)}.landing .scroll-hint-hidden{animation:.4s ease-in forwards scroll-hint-out}.landing .scroll-hint-arrow{vertical-align:-1px;align-items:center;font-size:16px;line-height:1;animation:1.5s ease-in-out infinite peek-bounce;display:inline-flex}.landing .scroll-peek{pointer-events:none;flex-direction:column;align-items:stretch;gap:12px;width:fit-content;margin-top:90px;padding-bottom:16px;display:flex}.landing .scroll-peek-header{justify-content:space-between;align-items:center;display:flex}.landing .scroll-peek-viewall{color:var(--text-secondary);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.landing .scroll-peek-viewall:hover{color:var(--text);border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}.landing .scroll-peek-cards{gap:10px;display:flex}.landing .peek-card{background:#ffffff08;background:lab(100% 0 0/.03);border:1px solid #ffffff0f;border:1px solid lab(100% 0 0/.06);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;display:flex}.landing .peek-name{color:var(--text-dim);font-weight:500}.landing .peek-price{color:var(--text-bright);font-weight:700;font-family:var(--font);font-size:12px}.landing .scroll-peek-title{color:var(--text);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.landing .appear{opacity:0;animation:none;transform:translateY(16px)}.landing .appear.visible{animation:.5s ease-out forwards appear}.landing .sw:focus-visible,.landing .btn:focus-visible,.landing .copy:focus-visible,.landing .tab-how:focus-visible,.landing .link-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width:1024px){.landing .left{padding-left:clamp(20px,4vw,60px)}.landing .right{padding-right:clamp(16px,3vw,32px)}}@media (max-width:768px){.landing .page{flex-direction:column}.landing .left{width:100%;height:auto;padding:80px 20px 24px}.landing .right{width:100%;height:auto;padding:0 20px 40px}.landing .top-row{display:none}.landing .bot-art{width:56px;height:56px;bottom:6px;right:6px}.landing .ctas{flex-wrap:wrap}.landing .btn{padding:8px 4px;font-size:14px}.landing .sw{padding:6px 14px;font-size:13px}.landing .links{margin-top:20px}.landing .how-link{display:none}.landing .skill-grid{grid-template-columns:1fr}.landing .cta-buttons{flex-direction:column}.landing .cta-buttons .cta-btn{justify-content:center}}@media (max-width:480px){.landing .cta-install .cmd{gap:12px;padding:10px}.landing .cta-install .cmd code{font-size:12px}.landing .faq-item summary{padding:14px 16px;font-size:17px}.landing .faq-item p{padding:0 16px 14px;font-size:14px}.landing .terminal-body{padding:16px 16px 10px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}