/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1786571995200*/
.et__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-m)}.et__page{position:relative;max-inline-size:28rem;padding:var(--space-m);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);cursor:crosshair;overflow:hidden}.et__bar{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-m)}.et__logo{font-family:var(--font-display);font-weight:700}.et__nav{inline-size:6rem;block-size:0.5rem;border-radius:999px;background:var(--surface-2)}.et__hero{display:flex;flex-direction:column;gap:var(--space-s);align-items:flex-start}.et__face{font-size:3rem;line-height:1}.et__headline{font-family:var(--font-display);font-weight:700;font-size:var(--step-2)}.et__body{color:var(--muted);max-inline-size:22rem}.et__cta{margin-block-start:var(--space-s);padding:var(--space-2xs) var(--space-m);font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-s)}.et__marker{position:absolute;inline-size:1.4rem;block-size:1.4rem;transform:translate(-50%,-50%);border:2px solid var(--ink);border-radius:50%;z-index:4;pointer-events:none}.et__marker::after{content:"you";position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translateX(-50%);font-size:.6rem;font-weight:700}.et__page::after,.et__page::before{content:"";position:absolute;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .3s;z-index:3}.et__page::before{inset-block-start:28%;inset-inline-start:22%;inline-size:9rem;block-size:9rem;background:radial-gradient(circle,rgba(229,57,53,.6) 0,rgba(255,193,7,.45) 35%,rgba(76,175,80,.18) 60%,transparent 72%)}.et__page::after{inset-block-end:12%;inset-inline-start:14%;inline-size:4rem;block-size:4rem;background:radial-gradient(circle,rgba(76,175,80,.28) 0,transparent 70%)}.et__page.show-heat::after,.et__page.show-heat::before{opacity:1}.et__reveal{margin-block-start:var(--space-m)}.et__readout{font-size:var(--step-0);color:var(--ink);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-m);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.et__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.et__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.et__alt[open] summary{margin-block-end:var(--space-s)}@media (prefers-reduced-motion:reduce){.et__page::after,.et__page::before{transition:none}}