.example-intro{padding-bottom:40px}.example-intro h1{font-size:clamp(2rem,1rem + 5vw,4.25rem)}.example-flag{font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;font-size:.78125rem;font-weight:650}.example-summary{max-width:44ch;margin-top:22px;font-size:clamp(1.25rem,1.12rem + .5vw,1.5rem);line-height:1.45}.example-stage{border:1px solid #1232441f;max-height:660px;padding:6% 9% 0;overflow:hidden}.example-browser{background:#fff;box-shadow:0 18px 40px #1232441f}.example-bar{font-family:var(--display);color:#5d5d58;background:#f7f6f2;border-bottom:1px solid #0001;padding:8px 14px;font-size:.75rem}.example-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;padding-block:56px;display:grid}.example-notes h2{letter-spacing:0;margin-bottom:12px;font-size:1.3125rem}.example-notes p{font-size:1.0625rem}.example-phone-stage{border:1px solid #1232441f;justify-content:center;height:560px;padding-top:56px;display:flex;overflow:hidden}.example-phone{border:7px solid var(--navy);border-radius:30px;align-self:flex-start;width:260px;overflow:hidden;box-shadow:0 16px 36px #12324433}.example-link{margin-top:40px;font-size:1.125rem}.example-note{background:var(--sheet);border-left:3px solid var(--teal);margin-top:40px;padding:22px 24px}.example-note h2{letter-spacing:0;margin-bottom:8px;font-size:1.1875rem}.example-note p{font-size:1.0625rem}.example-next{border-top:1px solid var(--rule);font-family:var(--display);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:56px;padding-top:22px;display:flex}.example-next span{color:var(--muted);font-size:.9375rem}.example-next a{color:var(--navy);font-size:1.375rem;font-weight:700;text-decoration:none}.example-next a:hover{color:var(--teal)}@media (max-width:900px){.example-notes{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.example-stage{max-height:400px;padding:8% 5% 0}.example-phone-stage{height:440px;padding-top:36px}.example-phone{width:220px}}.example-stage.garden,.example-phone-stage.garden{background:#e3e6d9}.example-stage.cafe,.example-phone-stage.cafe{background:#eaded0}.example-stage.studio,.example-phone-stage.studio{background:#e7ded8}.demo-site{color:#2c4231;width:100%;min-height:0;font-family:var(--font-sans), Arial, sans-serif;text-align:left;background:#f5f3e7;overflow:hidden;container-type:inline-size}.demo-site .demo-nav{border-bottom:1px solid #2c423124;justify-content:space-between;align-items:center;gap:3cqw;padding:3.5cqw 5cqw;display:flex}.demo-site .demo-brand{letter-spacing:-.06em;font-size:2.6cqw;font-weight:600;line-height:1.1}.demo-site .demo-nav-links{white-space:nowrap;align-items:center;gap:2.8cqw;font-size:1.2cqw;display:flex}.demo-site .demo-nav-button{border:1px solid;padding:.7cqw 1.5cqw}.demo-site .demo-hamburger{display:none}.demo-site .demo-hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:1cqw;min-height:49cqw;padding:5.5cqw 5cqw 4.5cqw;display:grid}.demo-site .demo-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.04em;margin-bottom:3cqw;font-size:1.05cqw;display:block}.demo-site .demo-title{letter-spacing:-.055em;font-size:7cqw;font-weight:450;line-height:1.02}.demo-site .demo-title em{font-family:Georgia,serif;font-weight:400}.demo-site .demo-copy p{max-width:32cqw;margin-top:2.5cqw;font-size:1.8cqw;line-height:1.65}.demo-site .demo-cta{color:#f7f4e6;background:#344d34;justify-content:space-between;align-items:center;gap:3cqw;margin-top:3cqw;padding:1.6cqw 2cqw;font-size:1.4cqw;display:inline-flex}.demo-site .demo-art{background:#e4e6d5;border-radius:50% 50% 0 0;align-self:stretch;align-items:center;width:100%;padding:0 3cqw;display:flex}.demo-site .demo-art svg{width:100%;height:auto}.demo-site .demo-bottom{border-top:1px solid #2c42312b;justify-content:space-between;align-items:center;gap:2cqw;margin-inline:5cqw;padding:2cqw 0;font-size:1.2cqw;display:flex}.demo-site .demo-sample-label{font:1cqw/1.5 var(--font-mono), monospace;color:inherit;opacity:1;background:#00000006;padding:1.5cqw 5cqw}.demo-site.demo-cafe{color:#922c25;background:#faf0da}.demo-site.demo-cafe .demo-brand{font-family:Georgia,serif;font-size:2.6cqw;font-style:italic}.demo-site.demo-cafe .demo-title{letter-spacing:-.065em;font-family:Georgia,serif;font-size:7.3cqw;line-height:.98}.demo-site.demo-cafe .demo-art{background:#f1dfc2;border-radius:4px}.demo-site.demo-cafe .demo-cta{color:#fff1dc;background:#a93629}.demo-site.demo-studio{color:#4b403a;background:#f4eeea}.demo-site.demo-studio .demo-title{font-family:Georgia,serif;font-size:7.2cqw;line-height:1}.demo-site.demo-studio .demo-art{background:#e5d9d1;border-radius:50% 50% 0 0}.demo-site.demo-studio .demo-cta{color:#fff4eb;background:#6c584f}.demo-site.demo-mobile .demo-nav{padding:8cqw 6cqw}.demo-site.demo-mobile .demo-brand{max-width:65cqw;font-size:5cqw}.demo-site.demo-mobile .demo-nav-links{display:none}.demo-site.demo-mobile .demo-hamburger{font-size:5cqw;display:block}.demo-site.demo-mobile .demo-hero{grid-template-columns:1fr;gap:10cqw;min-height:0;padding:12cqw 7cqw 8cqw}.demo-site.demo-mobile .demo-eyebrow{margin-bottom:6cqw;font-size:2.5cqw}.demo-site.demo-mobile .demo-title{font-size:15cqw}.demo-site.demo-mobile .demo-copy p{max-width:72cqw;margin-top:5cqw;font-size:3.8cqw;line-height:1.65}.demo-site.demo-mobile .demo-cta{gap:10cqw;margin-top:6cqw;padding:3.5cqw 4cqw;font-size:3.3cqw}.demo-site.demo-mobile .demo-art{width:70%;max-height:80cqw;margin-inline:auto;padding:0 4cqw}.demo-site.demo-mobile .demo-art svg{max-height:80cqw}.demo-site.demo-mobile .demo-bottom{flex-wrap:wrap;margin-inline:7cqw;padding-block:5cqw;font-size:2.4cqw}.demo-site.demo-mobile .demo-sample-label{padding:3cqw 7cqw;font-size:2cqw}@media (max-width:800px){.demo-site .demo-brand{font-weight:550}}