/* Only claud.sale interactions/content adaptations. Visual foundation: reference-base/home. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 20px;background:white;border:1px solid var(--border);border-radius:12px}.skip-link:focus{top:12px}
.reference-header .header-frame.scrolled{max-width:72rem;padding-top:12px}.reference-header .header-frame.scrolled>.header-inner{height:52px;padding-inline:16px;border:1px solid #1c1f2314;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000000a}
.mobile-nav{margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:20px;background:#fffffffa;box-shadow:0 8px 24px #0000000a;pointer-events:auto}.mobile-nav a{display:block;padding:10px 16px;font-size:14px;color:var(--warm-text-1);border-radius:10px}.mobile-nav a:hover{background:var(--muted)}
button,summary{cursor:pointer}.doc-tile-link,.tool-card-link{display:block;height:100%}
.doc-tile-art{display:grid;place-items:center;width:152px;height:152px;border-radius:28px}.doc-tile-link:hover .text-base,.tool-card-link:hover .font-semibold{color:var(--warm-3)}
.setup-section{--tool-color:#10a37f;--tool-tint:linear-gradient(135deg,#10a37f14 0%,#10a37f1f 100%)}.setup-section[data-selected-tool=claude]{--tool-color:#c96442;--tool-tint:linear-gradient(135deg,#c9644214 0%,#c964421f 100%)}
.setup-panel-head{background:var(--tool-tint)}.setup-panel-head a,.setup-links a{color:var(--tool-color)}.setup-links a:last-child{margin-left:auto;color:var(--muted-foreground)}.step-number{background:var(--tool-color);color:white}
.tool-tabs button,.os-tabs button{color:var(--muted-foreground)}.tool-tabs button.active,.os-tabs button.active{background:#0064fa;color:white}.tool-tabs button.active svg{color:inherit!important}.tool-tabs button:hover:not(.active),.os-tabs button:hover:not(.active){color:var(--foreground);background:var(--muted)}
.setup-steps pre{position:relative;margin-top:12px;max-width:100%;padding:44px 16px 16px}.setup-steps pre code{white-space:pre;font:inherit;background:none;padding:0}.copy-code{position:absolute;right:8px;top:8px;border:1px solid var(--border);border-radius:8px;padding:3px 8px;font-size:12px;font-family:var(--font-sans);line-height:20px;background:var(--card);color:var(--muted-foreground)}.copy-code:hover{color:var(--foreground)}
.pricing-more{display:inline-block;margin-top:12px;font-size:14px;color:var(--warm-ink)}
.model-tabs button{color:var(--muted-foreground)}.model-tabs button.active{background:var(--warm-3);color:var(--warm-ink)}
.model-table{margin-top:16px;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--card)}.model-table table{width:100%;text-align:left;font-size:14px;line-height:20px;white-space:nowrap}.model-table th{padding:12px 16px;background:var(--muted);font-weight:500;color:var(--muted-foreground)}.model-table td{padding:12px 16px}.model-table tbody tr{border-top:1px solid var(--border)}.model-table td:nth-child(2){color:var(--muted-foreground)}.model-table code{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--muted);font-family:var(--font-mono)}.model-table td:last-child{color:var(--warm-ink)}
.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:last-child{border-bottom:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid transparent;border-radius:8px;padding:10px 0;font-size:14px;font-weight:500;line-height:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"";width:7px;height:7px;flex-shrink:0;border-right:1.5px solid var(--muted-foreground);border-bottom:1.5px solid var(--muted-foreground);transform:rotate(45deg);margin:5px 5px 0 0}.faq-list details[open] summary::after{transform:rotate(225deg);margin-top:9px}.faq-list summary:hover{text-decoration:underline}.faq-list p{padding:4px 0 16px;font-size:14px;line-height:22px;color:var(--muted-foreground)}.faq-list p a{color:var(--warm-ink);text-decoration:underline}.faq-list p code{font-family:var(--font-mono);overflow-wrap:anywhere}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);padding:12px 18px;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px #0000000f;background:white;color:var(--foreground);font-size:14px;opacity:0;pointer-events:none;z-index:100;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:639px){.reference-header .header-frame.scrolled{padding-top:8px}.setup-panel-head{padding-inline:24px}.setup-links a:last-child{margin-left:0}.hero h1{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-header *{transition:none!important}}
/* Keep the complete endpoint visible beside its copy icon on phones. */
@media(max-width:639px){.endpoint-card button[data-copy]{font-size:0;gap:0;width:28px;padding:0}.endpoint-card button[data-copy] svg{width:14px;height:14px}}
@media(max-width:360px){#api-address>div{padding-inline:4px;gap:2px}}
.setup-key-row{display:flex;align-items:center;gap:16px;margin-top:16px}.setup-key-row label{flex-shrink:0;font-size:16px;line-height:24px;font-weight:600}.setup-key-row input{width:100%;min-width:0;max-width:520px;border:1px solid var(--input);border-radius:16px;background:white;padding:10px 14px;font:14px/20px var(--font-mono);outline:none}.setup-key-row input:focus{border-color:var(--tool-color);box-shadow:0 0 0 2px #faad1426}.setup-key-row input[aria-invalid=true]{border-color:#e53935}.setup-key-help,.setup-key-error{margin:8px 0 0;font-size:13px;line-height:20px;color:var(--muted-foreground)}.setup-key-error{color:#b42318}.copy-code:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:639px){.setup-key-row{align-items:stretch;flex-direction:column;gap:6px}.setup-key-row input{max-width:none}}

/* Original warm guided-tour appearance. */
.warm-tour-popover{border-radius:16px;max-width:380px;box-shadow:0 12px 40px #0000001f}.warm-tour-popover .driver-popover-title{font-size:18px;font-weight:700}.warm-tour-popover .driver-popover-description{color:#555;font-size:14px;line-height:1.7}.warm-tour-popover .driver-popover-description code{background:#f5f5f5;border-radius:4px;padding:1px 6px;font-size:13px}.warm-tour-popover .driver-popover-footer{gap:8px}.warm-tour-popover .driver-popover-next-btn,.warm-tour-popover .driver-popover-prev-btn{border-radius:10px;padding:6px 16px;font-size:13px;font-weight:600}.warm-tour-popover .driver-popover-next-btn{color:#5c4813;text-shadow:none;background:linear-gradient(135deg,#ffd666,#faad14);border:none}.warm-tour-popover .driver-popover-prev-btn{color:#999;background:0 0;border:1px solid #ddd}.warm-tour-popover .driver-popover-close-btn{color:#999}.warm-tour-popover .driver-popover-progress-text{color:#bbb;font-size:12px}
.model-name{display:flex;align-items:center;gap:8px}.copy-model{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--muted-foreground);border:1px solid transparent}.copy-model:hover{background:var(--muted);color:var(--foreground)}.copy-model svg{width:16px;height:16px}.warm-tour-popover a{color:#9b6600;text-decoration:underline}#api-family-tabs{margin-top:12px}#api-family-tabs button.active{background:#0064fa;color:#fff}
@media(max-width:639px){.warm-tour-popover{max-width:calc(100vw - 32px)}}

/* Match the reference segments, key row and compact code controls. */
.tool-tabs button.active,.os-tabs button.active,#api-family-tabs button.active{background:#0064fa;color:#fff}
.setup-section[data-selected-tool=openclaw]{--tool-color:#e24d42;--tool-tint:linear-gradient(135deg,#e24d4214,#e24d421f)}
.setup-section[data-selected-tool=cherry]{--tool-color:#ff6b35;--tool-tint:linear-gradient(135deg,#ff6b3514,#ff6b351f)}
.setup-section[data-selected-tool=cursor],.setup-section[data-selected-tool=api]{--tool-color:#4285f4;--tool-tint:linear-gradient(135deg,#4285f414,#4285f41f)}
.setup-key-row{margin-top:0;gap:12px}.setup-key-row input{max-width:400px;padding:8px 12px}.setup-key-row a{white-space:nowrap;font-size:13px}.setup-key-help{font-size:12px;line-height:18px}.setup-key-row label{font-weight:600;white-space:nowrap}
.setup-switches{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.shell-divider{height:20px;width:1px;background:var(--border)}
.setup-steps pre{position:relative;background:var(--muted);padding:16px 48px 16px 16px;border-radius:12px;font:14px/20px var(--font-mono);overflow-x:auto}.landing .copy-code{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0}.landing .copy-code:hover{background:var(--muted)}.landing .copy-code svg{width:16px;height:16px}
.setup-disclosure{margin-top:12px;font-size:14px;line-height:22px;color:var(--muted-foreground)}.setup-disclosure summary{padding:10px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.setup-disclosure summary::after{content:'⌄'}.setup-disclosure[open] summary::after{content:'⌃'}.setup-disclosure summary::-webkit-details-marker{display:none}.setup-disclosure summary:hover{text-decoration:underline}.setup-disclosure p{margin:8px 0}.setup-disclosure a{color:var(--tool-color);text-decoration:underline}
.quick-banner{border:1px solid #c9644226;background:linear-gradient(135deg,#c964420d,#c9644214);border-radius:16px;padding:20px 24px;margin-bottom:20px;text-align:center}.quick-banner strong{font-size:16px;font-weight:600}.quick-banner p{font-size:14px;color:var(--muted-foreground);margin:6px 0 14px}.quick-banner>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.quick-banner a{display:inline-flex;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;background:#c96442;color:white}.quick-banner small{display:block;margin-top:12px;color:var(--muted-foreground);font-size:12px}
#openclaw-banner{border-color:#e24d4226;background:linear-gradient(135deg,#e24d420d,#e24d4214)}#openclaw-banner p{margin-bottom:0}.model-select-label{display:flex;align-items:center;gap:12px;font-size:13px;margin-top:12px}.model-select-label select{min-width:0;max-width:100%;border:1px solid var(--border);background:white;border-radius:10px;padding:6px 10px;font:13px/20px var(--font-mono)}
#api-steps pre{margin-top:12px}#example-dependency{margin-top:12px}#cherry-steps p{line-height:22px}
@media(max-width:639px){.setup-key-row{align-items:flex-start;gap:12px}.setup-key-row input{max-width:400px}.shell-divider{display:none}.setup-switches{gap:8px}.model-select-label{align-items:flex-start;flex-direction:column;gap:6px}.model-select-label select{width:100%}}

.language-control{position:relative;display:inline-flex}.language-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--muted-foreground)}.language-toggle:hover,.language-toggle[aria-expanded=true]{background:var(--muted);color:var(--foreground)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #00000014;z-index:60}.language-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:8px;padding:8px 12px;font-size:14px;text-align:left}.language-menu button:hover{background:var(--muted)}.language-menu button[aria-pressed=true]::after{content:'✓';color:var(--warm-ink)}

.doc-qr{width:200px;height:200px;max-width:100%;object-fit:contain;background:white;border-radius:12px}

/* Inline credentials and existing account key selection; no separate key input. */
.setup-account-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;line-height:18px}
.setup-account-row .setup-key-help{margin:0}.setup-account-row a{color:var(--tool-color);text-decoration:underline}
#setup-key-choice{display:flex;align-items:center;gap:8px;max-width:100%}#setup-account-key{max-width:260px;min-width:0;padding:4px 8px;background:var(--card);border:1px solid var(--border);border-radius:8px;font:inherit}
#script-prerequisites{margin:0}#script-prerequisites>#install-step{margin-top:12px}#script-prerequisites .step-number{display:none}