@layer components{.hw-path{isolation:isolate;grid-template-columns:minmax(0,1fr);row-gap:64px;display:grid;position:relative}@media (min-width:900px){.hw-path{grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr) minmax(0,1.25fr);align-items:center;column-gap:clamp(48px,6vw,88px)}}.hw-path-lines{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.hw-wire{fill:none;stroke:var(--line-strong);stroke-opacity:.55;stroke-width:1.25px;stroke-dasharray:2 5;stroke-linecap:round}.hw-wire-lit{fill:none;stroke:var(--candle);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.hw-node{z-index:1;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-2);border-radius:20px;padding:20px;position:relative}.hw-node-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gilt);font-size:12px;font-weight:600}.hw-said{border-block-start:1px solid var(--line);font-family:var(--font-display);font-variation-settings:"opsz" 60;color:var(--text);margin-block-start:16px;padding-block-start:14px;font-size:19px;font-style:italic;line-height:1.35}.hw-hub{text-align:center;justify-self:center;justify-items:center;max-inline-size:260px;display:grid}.hw-hub-arch{border:1px solid var(--line-strong);background:linear-gradient(#0000 0 calc(100% - 2px),#3b2a1c calc(100% - 2px)),linear-gradient(#1b2340,#15120e 85%);border-block-end-width:0;border-radius:50% 50% 0 0/34% 34% 0 0;place-items:end center;block-size:84px;inline-size:64px;padding-block-end:12px;display:grid}.hw-dests{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}@media (min-width:900px){.hw-dests{grid-template-columns:minmax(0,1fr);gap:14px}}.hw-dest{border:1px solid var(--line);background:var(--bg-sunken);min-block-size:132px;transition:border-color var(--dur-5) var(--ease-standard);border-radius:18px;align-content:start;gap:8px;padding:12px 14px 14px;display:grid}@media (min-width:900px){.hw-dest{min-block-size:104px}}.hw-dest[data-arrived]{border-color:color-mix(in oklab, var(--candle) 45%, var(--line))}.hw-dest-screen{background:#000;border-width:2px;border-radius:6px}.hw-caption{color:var(--cap-now);font-size:15px;line-height:1.45}.hw-dest-text{min-block-size:43.5px}.hw-caption-wait{color:var(--text-3);font-size:13px}.hw-chip{z-index:2;border:1px solid color-mix(in oklab, var(--candle) 55%, transparent);background:var(--surface-2);max-inline-size:220px;color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;offset-rotate:0deg;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:0 0 18px 2px #f0b04f47}.hw-chip:before{content:"";background:radial-gradient(circle at 50% 66%,#fff8e7,#ffd38a 48%,#f0b04f 86%);border-radius:50%/62% 62% 38% 38%;flex:none;block-size:8px;inline-size:6px}.hw-replay{border:1px solid color-mix(in oklab, var(--line-strong) 60%, transparent);min-block-size:44px;color:var(--text);opacity:var(--o,1);transition:background-color var(--dur-2) var(--ease-standard), opacity var(--dur-2) var(--ease-standard);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding-inline:16px;font-size:15px;font-weight:600;display:inline-flex}.hw-replay:hover:not(:disabled){background:var(--surface-2)}.hw-diagram{color:var(--text)}.hw-diagram path,.hw-diagram rect,.hw-diagram circle,.hw-diagram line{vector-effect:non-scaling-stroke}.hw-diagram .hw-draw{stroke-dasharray:1;stroke-dashoffset:0}[data-reveal=wait] .hw-diagram .hw-draw{stroke-dashoffset:1px}[data-reveal=go] .hw-diagram .hw-draw{animation:hw-draw var(--dur-5) var(--ease-standard) both;animation-delay:calc(.2s + var(--i,0) * var(--stagger))}@keyframes hw-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hw-tabs{scrollbar-width:none;border-block-end:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.hw-tab{min-block-size:48px;color:var(--text-2);white-space:nowrap;transition:color var(--dur-2) var(--ease-standard);flex:none;padding-inline:14px;font-size:15px;font-weight:600;position:relative}.hw-tab[aria-selected=true]{color:var(--text)}.hw-tab:after{content:"";background:var(--candle);opacity:0;block-size:2px;transition:opacity var(--dur-3) var(--ease-settle), transform var(--dur-3) var(--ease-settle);border-radius:2px;position:absolute;inset-block-end:-1px;inset-inline:10px;transform:scaleX(.4)}.hw-tab[aria-selected=true]:after{opacity:1;transform:none}.hw-tab-progress{background:color-mix(in oklab, var(--candle) 35%, transparent);transform-origin:0;border-radius:2px;block-size:2px;position:absolute;inset-block-end:-1px;inset-inline:10px;transform:scaleX(0)}.hw-panel-in{animation:hw-panel var(--dur-3) var(--ease-settle) both}@keyframes hw-panel{0%{opacity:0;transform:translateY(calc(6px * var(--move)))}}.hw-ring{background:radial-gradient(closest-side, var(--surface) calc(100% - 5px), transparent calc(100% - 4px)), conic-gradient(var(--candle) calc(var(--p,0) * 360deg), color-mix(in oklab, var(--line-strong) 45%, transparent) 0);border-radius:50%;place-items:center;block-size:56px;inline-size:56px;padding-block-start:2px;display:grid}.hw-phone{aspect-ratio:9/17;background:#0e0c09;border:1px solid #3a332a;border-radius:40px;inline-size:min(100%,270px);padding:12px;position:relative;box-shadow:0 30px 60px -30px #0000008c}.hw-phone-screen{color:#f2ebdd;background:#000;border-radius:30px;flex-direction:column;block-size:100%;display:flex;overflow:hidden}.hw-code{border:1px solid var(--line);background:var(--bg-sunken);font-family:var(--font-mono);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 14px;font-size:14px;display:flex}.hw-code code{overflow-wrap:anywhere;min-inline-size:0;font-size:13px;line-height:1.5}}.hw-dest .hw-caption-full{display:none}@media (min-width:900px){.hw-dest .hw-caption-full{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hw-dest .hw-caption-first{display:none}}