.cv-demo{padding:0;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cv-demo-chrome{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--surface-2);border-block-end:1px solid var(--line)}.cv-demo-chrome-dots{display:flex;gap:6px;flex:0 0 auto}.cv-demo-chrome-dots span{display:block;width:8px;height:8px;border-radius:var(--r-pill);background:var(--line)}.cv-demo-chrome-dots span:first-child{background:var(--danger)}.cv-demo-chrome-dots span:nth-child(2){background:var(--gold)}.cv-demo-chrome-dots span:nth-child(3){background:var(--green-400)}.cv-demo-chrome-url{flex:1 1;display:flex;justify-content:center}.cv-demo-chrome-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px var(--sp-3);border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);font-size:var(--text-xs);color:var(--muted);font-family:ui-monospace,monospace;letter-spacing:0;box-shadow:var(--shadow-sm)}.cv-demo-chrome-pill svg{width:12px;height:12px;color:var(--green-500);flex:0 0 auto}.cv-demo-body{padding:var(--sp-6);background:var(--card)}.cv-demo .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-block-end:var(--sp-4)}@media (max-width:768px){.cv-demo .demo-grid{grid-template-columns:1fr}}.cv-demo .demo-pane{display:flex;flex-direction:column;gap:var(--sp-2)}.cv-demo .demo-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--muted);padding-block-end:var(--sp-2);border-block-end:1px solid var(--line-soft);margin-block-end:var(--sp-1)}.cv-demo .demo-label.human{color:var(--accent-text)}.cv-demo .demo-label svg{width:15px;height:15px;flex:0 0 auto}.cv-demo .demo-input{flex:1 1;min-height:150px;resize:vertical;font-size:var(--text-base);line-height:1.65;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);padding:var(--sp-3) var(--sp-4);transition:border-color .15s,box-shadow .15s}.cv-demo .demo-input:focus{border-color:var(--green-400);box-shadow:0 0 0 4px rgba(16,185,129,.12);outline:none}.cv-demo .demo-output{flex:1 1;min-height:150px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--surface);padding:var(--sp-3) var(--sp-4);font-size:var(--text-base);line-height:1.65;color:var(--text)}.cv-demo .demo-meter{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--muted-2);padding-block-start:var(--sp-1)}.cv-demo .demo-meter.warn{color:var(--warn)}.cv-demo .demo-loading{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start;padding-block-start:var(--sp-2)}.cv-demo .shimmer{display:flex;flex-direction:column;gap:7px;width:100%}.cv-demo .shimmer span{display:block;height:12px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--line-soft) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:cvShimmer 1.4s ease infinite}.cv-demo .shimmer span:first-child{width:90%}.cv-demo .shimmer span:nth-child(2){width:75%}.cv-demo .shimmer span:nth-child(3){width:82%}.cv-demo .shimmer span:nth-child(4){width:60%}@keyframes cvShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.cv-demo .shimmer span{animation:none}}.cv-demo .demo-loading b{font-size:var(--text-sm);color:var(--ink);font-weight:600}.cv-demo .demo-loading span{font-size:var(--text-xs);color:var(--muted)}.cv-demo .demo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--muted);min-height:120px}.cv-demo .demo-empty svg{width:28px;height:28px;color:var(--green-400);opacity:.7}.cv-demo .demo-empty b{font-size:var(--text-sm);color:var(--ink);font-weight:600}.cv-demo .demo-empty small{font-size:var(--text-xs);max-inline-size:32ch}.cv-demo .demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding-block-start:var(--sp-4);border-block-start:1px solid var(--line-soft)}.cv-demo .demo-actions .muted-sm{margin-inline-start:auto;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs)}.cv-demo .demo-actions .muted-sm svg{width:13px;height:13px;flex:0 0 auto}.cv-demo .btn .spinner{border-top-color:rgba(255,255,255,.8)}.cv-pricing .cv-plan.is-featured{border:1px solid var(--green-500);box-shadow:var(--shadow-md);background:color-mix(in srgb,var(--soft) 30%,var(--card))}[data-theme=dark] .cv-pricing .cv-plan.is-featured{background:color-mix(in srgb,var(--soft) 20%,var(--card))}.cv-pricing .cv-plan.is-featured:hover{box-shadow:var(--shadow-lg)}.cv-faq .cv-faq-header{max-inline-size:680px;margin-inline:auto;text-align:center;margin-block-end:var(--sp-8)}.cv-faq .cv-faq-list{max-inline-size:780px;margin-inline:auto}.cv-faq .cv-faq-item{border-block-end:1px solid var(--line)}.cv-faq .cv-faq-item:first-child{border-block-start:1px solid var(--line)}.cv-faq .cv-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-5);padding-inline:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);text-align:start;transition:color .15s}.cv-faq .cv-faq-q:hover{color:var(--accent-text)}.cv-faq .cv-faq-q-text{display:flex;align-items:center;gap:var(--sp-3);flex:1 1}.cv-faq .cv-faq-q-text svg{width:16px;height:16px;flex:0 0 16px;color:var(--green-500)}.cv-faq .cv-faq-chevron{flex:0 0 auto;color:var(--muted);transition:transform .2s cubic-bezier(.22,1,.36,1),color .15s}.cv-faq .cv-faq-chevron svg{width:18px;height:18px;display:block}.cv-faq .cv-faq-item.open .cv-faq-chevron{transform:rotate(180deg);color:var(--accent-text)}.cv-faq .cv-faq-a-wrap{overflow:hidden;max-block-size:0;transition:max-block-size .25s cubic-bezier(.22,1,.36,1)}.cv-faq .cv-faq-item.open .cv-faq-a-wrap{max-block-size:600px}.cv-faq .cv-faq-a{padding-block-end:var(--sp-5);padding-inline-start:calc(16px + var(--sp-3));color:var(--muted);font-size:var(--text-md);line-height:1.7}@media (prefers-reduced-motion:reduce){.cv-faq .cv-faq-a-wrap,.cv-faq .cv-faq-chevron{transition-duration:.01ms}}@media (max-width:768px){.cv-demo .demo-input,.cv-demo .demo-output{font-size:16px}.cv-demo .demo-input{min-height:160px}}@media (max-width:980px){.cv-faq .cv-faq-item.open .cv-faq-a-wrap{max-block-size:1400px}}@media (max-width:480px){.cv-faq .cv-faq-item.open .cv-faq-a-wrap{max-block-size:2000px}.cv-faq .cv-faq-a{padding-inline-start:0}}@media (max-width:768px){.cv-demo-chrome{padding-inline:var(--sp-3);gap:var(--sp-2)}.cv-demo-chrome-url{min-width:0}.cv-demo-chrome-pill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex}.cv-demo-body{padding:var(--sp-4)}}@media (max-width:640px){.cv-demo .demo-label,.cv-pricing .cv-feature-group li{font-size:15px}.cv-demo .demo-meter{font-size:13px}.cv-faq .cv-faq-q{font-size:15.5px}}@media (max-width:768px){.cv-demo .btn,.cv-demo .demo-actions .btn,.cv-pricing .cv-cycle-pill button,.cv-pricing .cv-plan .btn{min-height:44px}.cv-faq .cv-faq-q{min-height:48px}}@media (max-width:640px){.cv-demo .demo-actions{gap:var(--sp-2)}.cv-demo .demo-actions .btn-primary{flex:1 1 100%;justify-content:center}}@media (max-width:980px){.cv-faq .container,.cv-pricing .container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.cv-demo,.cv-pricing .cv-feature-group,.cv-pricing .cv-plan{min-width:0;max-width:100%}}@media (hover:none){.cv-faq .cv-faq-q:hover{color:var(--ink)}}