.demo .head{margin-bottom:clamp(36px,4vw,56px)}.demo__frame{z-index:2;width:min(1320px, 100% - 2 * var(--gutter) + 48px);background:var(--ivory);color:#1c1a17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:14px;margin-inline:auto;padding:clamp(10px,1.6vw,22px);position:relative;box-shadow:0 40px 120px -40px #000c,0 0 0 1px #ffffff0a}.demo__frame plumetis-studio{--plm-bg:var(--ivory);--plm-surface:#fbf9f6;--plm-sticky-top:calc(var(--head-h) + 12px);min-height:600px;display:block}@media (max-width:600px){.demo__frame{border-radius:12px;width:calc(100% - 16px);padding:6px}}.demo__legend{color:var(--warm);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:22px 0 0;font-size:15px;display:flex}.demo__tag{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;background:#e2991324;border-radius:3px;padding:4px 8px;font-size:11.5px!important}.demo__legend .link{color:var(--ivory);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.page-hero.demo-hero{--name-max:clamp(42px, 5vw, 72px);padding-top:clamp(26px,3.4vw,50px);padding-bottom:clamp(22px,2.5vw,36px)}.demo-hero h1{max-width:none;font-size:clamp(40px,4.6vw,66px)}.demo-hero .lead{max-width:600px;margin-top:16px;font-size:clamp(16px,1.25vw,18px)}.demo-hero__next{max-width:560px;margin-top:16px}.demo-hero__offer{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.demo-hero__offer strong{color:var(--fg);font-weight:500}.demo-hero__links{flex-wrap:wrap;gap:10px 26px;margin:12px 0 0;font-size:16px;display:flex}@media (min-width:1100px){.demo-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:end;gap:64px;display:grid}.demo-hero__next{margin:0 0 4px;padding-left:28px;position:relative}.demo-hero__next:before{content:"";border-left:2px dashed var(--accent);position:absolute;top:4px;bottom:4px;left:0}}@media (max-width:600px){.demo-hero h1{font-size:40px}.demo-hero .lead{margin-top:12px}.demo-hero__offer{font-size:15px}}.has-ref .demo-hero__eyebrow{display:none}.has-ref .demo-ref-slot{min-height:calc(19px + 14px + var(--name-max) * 1.04)}.demo-ref{margin:0;font-size:0;line-height:0;display:none;container-type:inline-size}.has-ref .demo-ref{display:block}.demo-ref:not(.is-named){visibility:hidden}@keyframes demo-ref-in{0%{opacity:0}}.demo-ref__for{color:var(--accent);font-family:var(--mono);letter-spacing:.09em;visibility:visible;align-items:center;gap:12px;font-size:17.5px;font-variant-caps:all-small-caps;line-height:19px;display:inline-flex}.demo-ref__for:before{content:"";border-top:2px dashed;flex:none;width:26px}.demo-ref__name{width:100%;min-height:calc(var(--name-max) * 1.04);color:var(--fg);font-family:var(--serif);font-size:clamp(30px, 100cqw / (var(--len,16) * .46), var(--name-max));letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance;align-items:flex-end;margin-top:14px;line-height:1.04;animation:.5s both demo-ref-in;display:inline-flex}.has-ref .demo-hero h1{margin-top:14px;font-size:clamp(30px,2.9vw,42px)}.has-ref .demo-hero h1 em{display:inline}@media (max-width:600px){.page-hero.demo-hero{--name-max:44px}.has-ref .demo-hero h1{font-size:30px}}