.api-token-highlights{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.api-token-hl-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);padding:28px 20px;position:relative;overflow:hidden}.api-token-hl-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.api-token-hl-num{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--accent);opacity:.15;margin-bottom:8px;font-weight:700;line-height:1;display:block}.api-token-hl-text{font-size:var(--text-md);color:var(--text-primary);font-weight:500}.api-token-features{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.api-token-feature{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);padding:28px 24px;position:relative}.api-token-feature:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.api-token-feature h4{font-size:var(--text-md);color:var(--accent);border-bottom:1px solid var(--border-subtle);margin-bottom:12px;padding-bottom:12px;font-weight:600}.api-token-feature ul{flex-direction:column;gap:8px;display:flex}.api-token-feature li{font-size:var(--text-xs);color:var(--text-secondary);padding-left:16px;line-height:1.5;position:relative}.api-token-feature li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.api-token-closing{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:40px}.api-token-closing-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.api-token-flow-node{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);padding:10px 20px;font-weight:500}.api-token-flow-node.accent{color:var(--accent);background:var(--accent-dim);border-color:#00bcc44d;border-color:lab(68.7728% -40.6303 -16.6605/.3)}.api-token-flow-arrow{color:var(--accent);font-size:var(--text-lg);animation:2s ease-in-out infinite pulse-scale}.api-token-closing-text{text-align:center;color:var(--text-muted);font-size:var(--text-xs);max-width:600px;margin:0 auto;line-height:1.8}.pain-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pain-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);padding:24px}.pain-card:hover{border-color:#dc655f59;border-color:lab(57.9281% 47.0389 27.0407/.35);transform:translateY(-3px)}.pain-card h4{font-size:var(--text-md);color:var(--red);margin-bottom:8px;font-weight:600}.pain-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.enterprise-pain{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.enterprise-pain-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);padding:20px}.enterprise-pain-item:hover{color:var(--text-primary);border-color:#dc655f40;border-color:lab(57.9281% 47.0389 27.0407/.25)}.openclaw-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:48px}.openclaw-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;display:grid}.openclaw-item{text-align:center}.openclaw-item-num{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--accent);opacity:.2;margin-bottom:12px;font-weight:700;line-height:1}.openclaw-item h4{font-size:var(--text-lg);margin-bottom:10px;font-weight:600}.openclaw-item ul{text-align:left;list-style:none;display:inline-block}.openclaw-item li{font-size:var(--text-sm);color:var(--text-secondary);padding:5px 0 5px 16px;position:relative}.openclaw-item li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:0}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-block{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);padding:24px}.feature-block:hover{border-color:var(--border-accent);transform:translateY(-3px)}.feature-block h4{font-size:var(--text-md);color:var(--accent);margin-bottom:8px;font-weight:600}.feature-block ul{flex-direction:column;gap:8px;display:flex}.feature-block li{font-size:var(--text-xs);color:var(--text-secondary)}.usb-section{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.usb-visual{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);justify-content:center;align-items:center;min-height:380px;padding:60px;display:flex;position:relative;overflow:hidden}.usb-visual:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);width:240px;height:240px;animation:4s ease-in-out infinite pulse-scale;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.usb-device{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.usb-body{border:2px solid var(--border-accent);background:linear-gradient(#2a2a3a,#1a1a2a);border-radius:10px;justify-content:center;align-items:center;width:70px;height:140px;animation:3s ease-in-out infinite glow-pulse;display:flex;position:relative}.usb-connector{background:linear-gradient(silver,#909090);border-radius:0 0 3px 3px;width:44px;height:16px;margin-top:-2px}.usb-label{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--accent);writing-mode:vertical-lr;letter-spacing:2px;font-weight:700}.usb-details h3{font-size:var(--text-xl);margin-bottom:8px;font-weight:700}.usb-details h3 span{color:var(--accent)}.usb-details>p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:24px;line-height:1.8}.usb-specs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.usb-spec{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:14px}.usb-spec-label{font-size:var(--text-xs);color:var(--text-muted)}.usb-spec-value{font-family:var(--font-heading);font-size:var(--text-sm);margin-top:4px;font-weight:600}.security-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.security-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:28px}.security-card:hover{border-color:var(--border-accent)}.audience-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.audience-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);padding:20px;font-weight:500}.audience-item:hover{border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-2px)}.eco-layers{flex-direction:column;gap:16px;display:flex}.eco-layer{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);grid-template-columns:200px 1fr;align-items:center;gap:20px;padding:24px;display:grid}.eco-layer:hover{border-color:var(--border-accent)}.eco-layer-name{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--accent);font-weight:600}.eco-chips{flex-wrap:wrap;gap:8px;display:flex}.eco-chip{background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-secondary);border-radius:100px;padding:5px 12px}.token-visual{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;padding:48px}.token-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:32px;display:flex}.token-node{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);padding:16px 24px;font-weight:500}.token-arrow{color:var(--accent);font-size:var(--text-lg);animation:2s ease-in-out infinite pulse-scale}.compare-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.compare-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:28px}.compare-card.highlight{border-color:var(--border-accent)}.compare-card h4{font-size:var(--text-base);margin-bottom:10px;font-weight:600}.compare-card.highlight h4{color:var(--accent)}@media (max-width:1024px){.pain-grid,.openclaw-grid,.features-grid,.audience-grid,.api-token-features,.api-token-highlights{grid-template-columns:repeat(2,1fr)}.api-token-closing-flow{gap:8px}.api-token-flow-node{font-size:var(--text-xs);padding:8px 14px}.enterprise-pain{grid-template-columns:repeat(2,1fr)}.usb-section,.security-grid,.compare-grid,.eco-layer{grid-template-columns:1fr}}@media (max-width:768px){.pain-grid,.openclaw-grid,.features-grid,.audience-grid,.enterprise-pain,.api-token-features,.api-token-highlights{grid-template-columns:1fr}.api-token-closing{padding:24px}.api-token-closing-flow{flex-direction:column;gap:6px}.api-token-flow-arrow{transform:rotate(90deg)}.usb-specs{grid-template-columns:1fr}}