.bar-main{background:var(--paper-sunk);min-height:100vh;padding:64px 24px 96px}.bar-inner{max-width:800px;margin:0 auto}.bar-eyebrow{text-transform:uppercase;font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-ls);font-weight:var(--eyebrow-weight);color:var(--amber-500);margin-bottom:12px;display:inline-block}.bar-headline{font-family:var(--font-display);font-size:var(--display-2-size);font-weight:400;line-height:var(--display-2-lh);letter-spacing:var(--display-2-ls);color:var(--ink);margin-bottom:20px}.bar-subline{font-size:var(--body-l-size);line-height:var(--body-l-lh);color:var(--ink-soft);max-width:640px;margin-bottom:48px}.bar-demo{margin-bottom:64px}.bar-section{border-bottom:1px solid var(--rule);margin-bottom:48px;padding-bottom:48px}.bar-section:last-of-type{border-bottom:none}.bar-section-heading{font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-lh);color:var(--ink);margin-bottom:24px}.bar-feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bar-feature-card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px 20px;display:flex}.bar-feature-title{font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-lh);color:var(--ink)}.bar-feature-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.bar-feature-list li{font-size:var(--small-size);color:var(--ink-soft);padding-left:16px;line-height:1.5;position:relative}.bar-feature-list li:before{content:"·";color:var(--amber-500);font-weight:700;position:absolute;left:4px}.bar-code-wrap{background:var(--ink);border-radius:var(--radius);padding:20px 24px;overflow-x:auto}.bar-code-wrap pre{font-family:var(--font-mono);font-size:var(--code-size);line-height:var(--code-lh);color:var(--paper);white-space:pre;margin:0}.bar-comparison{margin-bottom:0}.bar-note{font-size:var(--body-size);color:var(--ink-soft);background:var(--paper-raised);border-left:3px solid var(--amber-300);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;line-height:1.65}.bar-faq-heading{font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-lh);color:var(--ink);margin-bottom:24px}.bar-faq-list{border-top:1px solid var(--rule);flex-direction:column;gap:0;display:flex}.bar-faq-item{border-bottom:1px solid var(--rule)}.bar-faq-item summary{cursor:pointer;font-size:var(--body-size);color:var(--ink);-webkit-user-select:none;user-select:none;padding:16px 28px 16px 0;font-weight:550;line-height:1.5;list-style:none;display:block;position:relative}.bar-faq-item summary::-webkit-details-marker{display:none}.bar-faq-item summary:after{content:"+";color:var(--mist);font-size:1.125rem;font-weight:400;line-height:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.bar-faq-item[open] summary:after{content:"−"}.bar-faq-answer{font-size:var(--body-size);color:var(--ink-soft);padding:0 0 16px;line-height:1.65}.bar-cta-wrap{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:48px;display:flex}.bar-cta-btn{background:var(--amber-500);color:#fff;font-size:var(--body-size);border-radius:var(--radius);padding:12px 28px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.bar-cta-btn:hover{background:var(--amber-600)}.bar-last-updated{font-size:var(--small-size);color:var(--mist-soft);margin-bottom:48px}.bar-footer-links{border-top:1px solid var(--rule);flex-wrap:wrap;gap:24px;margin-top:64px;padding-top:32px;display:flex}.bar-footer-links a{font-size:var(--small-size);color:var(--mist);text-decoration:none}.bar-footer-links a:hover{color:var(--amber-600);text-decoration:underline}@media (max-width:640px){.bar-main{padding:48px 20px 72px}.bar-headline{font-size:1.875rem}.bar-feature-grid{grid-template-columns:1fr}.bar-footer-links{gap:16px}}