*{box-sizing:border-box}body{margin:0;background:var(--color-bg-1);color:var(--color-text-1);font-family:var(--font-body);line-height:var(--leading-normal)}.demo-frame{position:sticky;inset-block-start:0;z-index:var(--z-sticky, 100);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--space-s);background:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--step--2)}.demo-frame-badge{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-interactive);background:color-mix(in oklab,var(--color-text-inverse) 16%,transparent)}.demo-frame-text{color:color-mix(in oklab,var(--color-text-inverse) 80%,transparent)}.demo-frame-back{margin-inline-start:auto;color:var(--color-text-inverse);font-weight:var(--weight-medium);text-decoration:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-interactive);border:var(--border-thin) solid color-mix(in oklab,var(--color-text-inverse) 35%,transparent)}.demo-frame-back:hover{background:color-mix(in oklab,var(--color-text-inverse) 12%,transparent)}.demo-frame-back:focus-visible{outline:var(--border-thick) solid var(--color-text-inverse);outline-offset:2px}.ex-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-s) var(--space-l);border-block-end:var(--border-thin) solid var(--color-border-1)}.ex-brand{font-family:var(--font-display);font-weight:var(--weight-heading);font-size:var(--step-1)}.ex-nav{display:flex;gap:var(--space-m);font-size:var(--step--1);color:var(--color-text-2)}@media(max-width:36em){.ex-nav{display:none}}.ex-hero{display:grid;justify-items:start;gap:var(--space-s);max-width:var(--measure-wide, 60rem);margin-inline:auto;padding:var(--space-2xl) var(--space-l)}.ex-eyebrow{font-family:var(--font-accent);font-size:var(--step--1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-primary);margin:0}.ex-display{font-family:var(--font-display);font-size:var(--step-6);font-weight:var(--weight-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;max-width:18ch}.ex-sub{font-size:var(--step-1);color:var(--color-text-2);max-width:var(--measure-narrow);margin:0}.ex-hero-cta{margin-block-start:var(--sp-2)}.ex-btn{display:inline-flex;align-items:center;min-height:var(--sp-12);padding:var(--sp-2) var(--space-m);border-radius:var(--radius-interactive);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-medium);text-decoration:none;transition:background-color var(--dur-2) var(--ease-out)}.ex-btn:hover{background:var(--color-primary-hover)}.ex-btn:focus-visible{outline:var(--border-thick) solid var(--color-primary);outline-offset:2px}.ex-btn-lg{font-size:var(--step-0)}.ex-intro{max-width:var(--measure-prose);margin-inline:auto;padding:0 var(--space-l) var(--space-xl)}.ex-intro p{font-size:var(--step-2);line-height:var(--leading-snug);text-wrap:pretty;margin:0}.ex-services{max-width:var(--measure-wide, 64rem);margin-inline:auto;padding:var(--space-xl) var(--space-l);border-block-start:var(--border-thin) solid var(--color-border-1)}.ex-service-grid{display:grid;gap:var(--space-m);grid-template-columns:1fr}@media(min-width:48em){.ex-service-grid{grid-template-columns:repeat(3,1fr)}}.ex-card{display:grid;align-content:start;gap:var(--sp-2);padding:var(--space-m);background:var(--color-bg-2);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-surface)}.ex-card-mark{width:var(--sp-8);height:var(--sp-8);border-radius:var(--radius-md);background:var(--color-primary-subtle);border:var(--border-thin) solid var(--color-primary);margin-block-end:var(--sp-1)}.ex-card h2{font-size:var(--step-1);margin:0}.ex-card p{font-size:var(--step--1);color:var(--color-text-2);margin:0}.ex-closing{display:grid;justify-items:center;text-align:center;gap:var(--space-s);max-width:var(--measure-wide, 60rem);margin-inline:auto;padding:var(--space-2xl) var(--space-l)}.ex-closing-title{max-width:22ch;font-size:var(--step-4)}.ex-closing-note{font-size:var(--step--2);color:var(--color-text-3);margin:0}.ex-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2) var(--space-s);padding:var(--space-m) var(--space-l);border-block-start:var(--border-thin) solid var(--color-border-1);font-size:var(--step--2);color:var(--color-text-3)}@media(prefers-reduced-motion:reduce){.demo-frame{position:static}}@media(scripting:none){[data-anim]{opacity:1!important;transform:none!important}}