/* GRN Studio attribution is a separate visual surface from the automotive site. */
:root{--demo-bar-height:86px}
body.has-demo-bar{padding-bottom:var(--demo-bar-height)}
html:has(.demo-bar){scroll-padding-bottom:calc(var(--demo-bar-height) + 16px)}
.has-demo-bar :is(a,button,input,textarea){scroll-margin-bottom:calc(var(--demo-bar-height) + 16px)}
.demo-bar{--white:#fff;--paper:#f0f2f1;--paper-2:#e5eae8;--sage:#f2f6f3;--sage-2:#eaf1ec;--line:#b8c7c0;--line-2:#d0dbd5;--line-dark:#ffffff40;--line-dark-strong:#ffffff66;--ink:#111827;--ink-2:#59635f;--ink-3:#8b938f;--deep:#0d1a16;--forest:#134236;--moss:#1e6b5a;--mint:#2fd6b2;--orange:#fe7700;--orange-lt:#ff9433;--orange-dk:#d96200;position:fixed;inset:auto 0 0;z-index:80;background:var(--sage);color:var(--ink);border-top:1px solid var(--line);box-shadow:0 -8px 28px -16px #0008;padding:14px max(24px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));color-scheme:light}
.demo-bar-inner{max-width:1360px;margin-inline:auto;display:flex;align-items:center;gap:28px}
.demo-bar-brand{flex-shrink:0;padding:4px 0}
.demo-bar-brand img{width:100px;height:auto}
.demo-bar-copy{font-size:12px;line-height:1.6;max-width:none;flex:1;color:var(--ink-2)}
.demo-bar-copy strong{color:var(--forest);font-weight:650;display:block}
.demo-bar-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.demo-bar-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;line-height:1.4;white-space:nowrap;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}
.demo-bar-return{color:var(--forest);padding:10px 0}
.demo-bar-return:hover{color:var(--moss);text-decoration:underline;text-underline-offset:4px}
.demo-bar-cta{color:#fff;background:linear-gradient(125deg,var(--forest),#17564a);border:1px solid var(--forest);padding:12px 20px;border-radius:8px}
.demo-bar-cta:hover{background:linear-gradient(125deg,#17564a,var(--moss));border-color:var(--moss)}
.demo-bar a:focus-visible{outline:3px solid var(--moss);outline-offset:4px}
.has-demo-bar .site-footer{padding-bottom:28px}
@media(max-width:1000px){.demo-bar-inner{gap:20px}.demo-bar-brand img{width:84px}.demo-bar-actions{gap:16px}.demo-bar-actions a{font-size:12px}.demo-bar-cta{padding-inline:16px}}
@media(max-width:700px){:root{--demo-bar-height:calc(118px + env(safe-area-inset-bottom,0px))}.demo-bar{padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.demo-bar-inner{display:block}.demo-bar-brand{display:none}.demo-bar-copy{font-size:11px;line-height:1.5}.demo-bar-copy strong{display:inline}.demo-bar-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.demo-bar-actions a{font-size:12px;gap:8px;min-height:44px}.demo-bar-return{border:1px solid var(--line);border-radius:8px;padding:10px 6px}.demo-bar-cta{padding:10px 8px}.has-demo-bar .site-footer{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.demo-bar-actions a{transition:none}}
@media(max-width:380px){.demo-bar-actions a{font-size:11px;gap:6px}}