.demo-entry{--demo-entry-bg:#070707;--demo-entry-panel:#121212;--demo-entry-ink:#f4f4f5;--demo-entry-muted:#a1a1aa;--demo-entry-soft:color-mix(in srgb,var(--demo-entry-ink) 84%,var(--demo-entry-muted));--demo-entry-accent:#22c55e;--demo-entry-accent-strong:#16a34a;--demo-entry-accent-readable:#bbf7d0;background:linear-gradient(180deg,hsla(0,0%,100%,.055),transparent 28rem),linear-gradient(180deg,var(--demo-entry-panel) 0,var(--demo-entry-bg) 62%,var(--demo-entry-bg) 100%);color:var(--demo-entry-ink);display:grid;min-height:100vh;min-height:100dvh;overflow:hidden;padding:calc(30px + var(--desk-safe-top)) max(26px,var(--desk-safe-right)) calc(34px + var(--desk-safe-bottom)) max(26px,var(--desk-safe-left));position:relative}.demo-entry:before{background-image:linear-gradient(hsla(0,0%,100%,.09) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.09) 1px,transparent 0);background-position:top;background-size:42px 42px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse at 50% 12%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse at 50% 12%,#000 0,transparent 72%);opacity:.16;pointer-events:none;position:absolute}.demo-entry-shell{align-items:center;display:grid;gap:clamp(24px,5vw,64px);grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);margin:auto;position:relative;width:min(1120px,100%);z-index:1}.demo-entry-copy{align-content:center;display:grid;gap:34px;min-width:0}.demo-entry-brand{align-items:center;color:inherit;display:inline-flex;gap:13px;text-decoration:none;width:-moz-fit-content;width:fit-content}.demo-entry-logo{background:var(--demo-entry-panel);border:1px solid hsla(0,0%,100%,.16);border-radius:50%;height:42px;width:42px}.demo-entry-brand span,.demo-entry-heading{display:grid;gap:4px}.demo-entry-brand strong{font-size:.98rem;font-weight:780;line-height:1}.demo-entry-brand small,.demo-entry-job dt,.demo-entry-kicker{color:var(--demo-entry-muted);font-size:.78rem;font-weight:760;line-height:1.25}.demo-entry-heading{gap:16px;max-width:720px}.demo-entry-kicker{color:var(--demo-entry-accent-readable);margin:0}.demo-entry-heading h1{color:var(--demo-entry-ink);font-size:4.6rem;font-weight:800;letter-spacing:0;line-height:.96;margin:0;max-width:11ch;text-wrap:balance}.demo-entry-heading p{color:var(--demo-entry-soft);font-size:1rem;font-weight:620;line-height:1.65;margin:0;max-width:64ch;text-wrap:pretty}.demo-entry-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.demo-entry-note{color:var(--demo-entry-muted);font-size:.84rem;font-weight:680;line-height:1.45;margin:-16px 0 0;max-width:58ch}.demo-entry-action{align-items:center;border-radius:10px;display:inline-flex;font-size:.9rem;font-weight:800;gap:9px;justify-content:center;line-height:1.1;min-height:48px;padding:0 16px;text-decoration:none;transition:background-color var(--desk-motion-fast) var(--desk-motion-ease),border-color var(--desk-motion-fast) var(--desk-motion-ease),color var(--desk-motion-fast) var(--desk-motion-ease),transform var(--desk-motion-fast) var(--desk-motion-ease)}.demo-entry-action:focus-visible,.demo-entry-action:hover{transform:translateY(-1px)}.demo-entry-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-entry-accent) 20%,transparent);outline:none}.demo-entry-action-primary{background:var(--demo-entry-accent);border:1px solid var(--demo-entry-accent);color:var(--demo-entry-bg)}.demo-entry-action-primary:focus-visible,.demo-entry-action-primary:hover{background:var(--demo-entry-accent-strong);border-color:var(--demo-entry-accent-strong)}.demo-entry-action-secondary{background:color-mix(in srgb,var(--demo-entry-panel) 86%,transparent);border:1px solid hsla(0,0%,100%,.16);color:var(--demo-entry-ink)}.demo-entry-action-secondary:focus-visible,.demo-entry-action-secondary:hover{background:color-mix(in srgb,var(--demo-entry-accent) 11%,transparent);border-color:color-mix(in srgb,var(--demo-entry-accent) 42%,transparent)}.demo-entry-job{background:color-mix(in srgb,var(--demo-entry-panel) 76%,transparent);border:1px solid hsla(0,0%,100%,.13);border-radius:14px;display:grid;gap:20px;min-width:0;padding:22px}.demo-entry-job-header{display:grid;gap:6px}.demo-entry-job-header span{color:var(--demo-entry-accent-readable);font-size:.78rem;font-weight:820}.demo-entry-job-header strong{color:var(--demo-entry-ink);font-size:2.05rem;font-weight:780;line-height:1.02}.demo-entry-job-list{display:grid;gap:0;margin:0}.demo-entry-job-list div{border-top:1px solid hsla(0,0%,100%,.1);display:grid;gap:5px;padding:14px 0}.demo-entry-job-list div:last-child{padding-bottom:0}.demo-entry-job dd,.demo-entry-job dt{margin:0}.demo-entry-job dd{color:var(--demo-entry-ink);font-size:.94rem;font-weight:720;line-height:1.35}@media(max-width:760px){.demo-entry{align-items:start;padding:calc(20px + var(--desk-safe-top)) max(16px,var(--desk-safe-right)) calc(24px + var(--desk-safe-bottom)) max(16px,var(--desk-safe-left))}.demo-entry-shell{gap:26px;grid-template-columns:1fr;margin-block:0 auto}.demo-entry-copy{gap:26px}.demo-entry-heading h1{font-size:3.2rem;max-width:12ch}.demo-entry-heading p{font-size:.95rem;line-height:1.55}.demo-entry-job{padding:18px}}@media(max-width:520px){.demo-entry-brand{gap:10px}.demo-entry-logo{height:38px;width:38px}.demo-entry-heading h1{font-size:2.55rem;max-width:11ch}.demo-entry-actions{display:grid;grid-template-columns:1fr}.demo-entry-action{width:100%}.demo-entry-job-header strong{font-size:1.45rem}}