.pf{--pf-ink:var(--brand-warm-white);--pf-ink-2:color-mix(in oklab, var(--brand-warm-white) 68%, var(--brand-navy));--pf-line:color-mix(in oklab, var(--brand-warm-white) 18%, var(--brand-navy));--pf-card:color-mix(in oklab, var(--brand-navy) 78%, var(--brand-black));--pf-glow:color-mix(in oklab, var(--brand-warm-white) 82%, var(--brand-navy));flex-direction:column;gap:8px;display:flex;container-type:inline-size}.pf-panel{border-radius:var(--radius-xl);color:var(--pf-ink);background:radial-gradient(900px 520px at 55% 40%, color-mix(in oklab, var(--brand-warm-white) 7%, var(--brand-navy)), transparent 70%), var(--brand-navy);box-shadow:var(--elevation-1);padding:32px 24px;position:relative;overflow:hidden}.pf-links{pointer-events:none;position:absolute;inset:0;overflow:visible}.pf-link{fill:none;stroke:color-mix(in oklab, var(--brand-warm-white) 55%, transparent);stroke-width:1.5px}.pf-link--dash{stroke-dasharray:6 6;animation:1.6s linear infinite pf-flow}.pf-link--dot{stroke-dasharray:2 6;stroke-linecap:round;stroke:color-mix(in oklab, var(--brand-warm-white) 35%, transparent)}.pf-arrowhead{fill:color-mix(in oklab, var(--brand-warm-white) 70%, transparent)}@keyframes pf-flow{to{stroke-dashoffset:-24px}}.pf-pulse{fill:var(--pf-glow);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--brand-warm-white) 70%, transparent))}.pf-pulse--soft{opacity:.7}.pf-grid{grid-template-columns:1fr;gap:32px;display:grid;position:relative}.pf-col{flex-direction:column;gap:16px;min-width:0;display:flex}.pf-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink-2);font-size:11px}.pf-setup,.pf-around{flex-direction:column;gap:16px;display:flex}.pf-card{border:1px solid var(--pf-line);border-radius:var(--radius-lg);background:var(--pf-card);transition:transform var(--duration-slow) var(--ease-standard), border-color var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard);flex-direction:column;gap:4px;padding:12px 16px;display:flex;position:relative}.pf-card__name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--pf-ink);font-size:19px;font-weight:600}.pf-card__line{color:var(--pf-ink-2);font-size:13px;line-height:1.5}.pf-step{z-index:1;border-inline:6px solid #0000;border-top:8px solid color-mix(in oklab, var(--brand-warm-white) 55%, transparent);width:0;height:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.pf-ring{aspect-ratio:1;width:min(100%,420px);margin-inline:auto;position:relative}.pf-ring__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pf-core-in{stop-color:color-mix(in oklab, var(--brand-warm-white) 12%, var(--brand-navy))}.pf-core-out{stop-color:color-mix(in oklab, var(--brand-warm-white) 4%, var(--brand-navy))}.pf-ring__track{fill:none;stroke:color-mix(in oklab, var(--brand-warm-white) 45%, transparent);stroke-width:1.5px}.pf-ring__inner{fill:none;stroke:color-mix(in oklab, var(--brand-warm-white) 30%, transparent);stroke-width:1.5px;stroke-dasharray:1.5 7;stroke-linecap:round}.pf-chevron{fill:none;stroke:color-mix(in oklab, var(--brand-warm-white) 80%, transparent);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.pf-orbit{fill:var(--pf-glow)}.pf-orbit-halo{fill:color-mix(in oklab, var(--brand-warm-white) 18%, transparent)}.pf-ring__core{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:26%}.pf-ring__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--pf-ink);font-size:26px;font-weight:600}.pf-ring__line{color:var(--pf-ink-2);font-size:13px;line-height:1.4}.pf-ring__note{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink-2);margin-top:8px;font-size:10px;line-height:1.6}.pf-node{border:1px solid color-mix(in oklab, var(--brand-warm-white) 55%, var(--brand-navy));border-radius:var(--radius-lg);background:var(--pf-card);min-width:104px;transition:transform var(--duration-slow) var(--ease-standard), border-color var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard);flex-direction:column;align-items:center;gap:2px;padding:8px 16px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pf-node--top{top:12.5%;left:50%}.pf-node--left{top:50%;left:12.5%}.pf-node--right{top:50%;left:87.5%}.pf-node--bottom{top:87.5%;left:50%}@media (hover:hover){.pf-card:hover{border-color:color-mix(in oklab, var(--brand-warm-white) 45%, var(--brand-navy));box-shadow:var(--elevation-2);transform:translateY(-3px)}.pf-node:hover{border-color:var(--brand-warm-white);box-shadow:var(--elevation-2);transform:translate(-50%,calc(-50% - 3px))}}.pf-node__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600}.pf-node__cadence{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink-2);font-size:10px}.pf-annual{color:var(--pf-ink-2);align-items:center;gap:16px;margin-top:32px;font-size:13px;line-height:1.5;display:flex;position:relative}.pf-annual__rule{border-top:1.5px dashed color-mix(in oklab, var(--brand-warm-white) 55%, transparent);flex-shrink:0;width:32px}.pf-lights{grid-template-columns:1fr;gap:8px;display:grid}.pf-light{border:1px solid var(--brand-line);border-radius:var(--radius-lg);background:var(--brand-white);box-shadow:var(--elevation-1);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.pf-light__dot{border-radius:var(--radius-pill);flex-shrink:0;width:10px;height:10px;margin-top:6px}.pf-light__dot--favourable{background:var(--status-favourable)}.pf-light__dot--caution{background:var(--status-caution)}.pf-light__dot--adverse{background:var(--status-adverse)}.pf-light__name{font-family:var(--font-display);color:var(--brand-navy);font-size:16px;font-weight:600}.pf-light__line{color:var(--brand-graphite);font-size:13px}.pf-ring-caption{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink-2);font-size:10px;display:none}@container not (min-width:36rem){.pf-ring__note{display:none}.pf-ring-caption{display:block}.pf-node{min-width:88px;padding:8px 12px}.pf-ring__core{inset:28%}}@container (min-width:40rem){.pf-lights{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:60rem){.pf-panel{padding:48px 48px 32px}.pf-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.9fr);align-items:start;gap:48px}.pf-col--drive{align-items:center}.pf-annual{margin-top:64px}.pf-annual__rule{display:none}}@media (prefers-reduced-motion:reduce){.pf-link--dash{animation:none}}
