@layer components{.explainer{--explainer-line:var(--process-line);--explainer-soft:color-mix(in oklab,var(--process-line) 58%,transparent);--explainer-faint:color-mix(in oklab,var(--process-sage) 34%,transparent);--explainer-accent:var(--process-gold);position:relative;isolation:isolate;overflow:hidden;margin-block:clamp(2.5rem,4vw,3.25rem);padding:clamp(1.4rem,3vw,2.25rem) clamp(1.25rem,3vw,2.25rem) clamp(1.5rem,3vw,2rem);border:1px solid var(--process-panel-line);border-radius:var(--r-lg) clamp(3rem,8vw,6rem) var(--r-lg) var(--r-lg);color:var(--process-copy);background:radial-gradient(circle at 78% 12%,var(--process-sheen),transparent 55%),linear-gradient(160deg,var(--process-panel-hi),var(--process-bg) 70%);box-shadow:var(--elev-floating)}.explainer:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.explainer__title{display:flex;align-items:center;gap:.75rem;color:var(--process-kicker);font-size:var(--fs-eyebrow);font-weight:650;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.explainer__title:before{width:1.75rem;height:1px;content:"";background:currentColor;opacity:.7}.explainer__drawing{display:block;width:100%;height:auto;margin-top:clamp(.75rem,2vw,1.25rem);overflow:visible;color:var(--process-glow)}.explainer__glow{color:var(--process-gold)}.explainer__line{fill:none;stroke:var(--explainer-line);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.explainer__line[data-tone=soft]{stroke:var(--explainer-soft)}.explainer__line[data-tone=faint],.explainer__line[data-tone=ghost]{stroke:var(--explainer-faint)}.explainer__line[data-tone=accent]{stroke:var(--explainer-accent);stroke-width:1.6;filter:drop-shadow(0 0 4px var(--process-glow))}.explainer__dot{fill:var(--process-dot)}.explainer__dot[data-tone=sage]{fill:var(--process-sage)}.explainer__dot[data-tone=moss]{fill:var(--process-moss)}.explainer__steps{display:grid;grid-template-columns:repeat(var(--explainer-columns,4),minmax(0,1fr));margin-top:.35rem;border-top:1px solid var(--process-panel-line);list-style:none}.explainer__steps li{display:grid;gap:.3rem;padding:.95rem .5rem 0;color:var(--process-title);font-size:var(--fs-sm);line-height:1.35;text-align:center;text-wrap:balance}.explainer__steps span{color:var(--process-kicker);font-size:var(--fs-xs);font-weight:650;letter-spacing:.14em}.explainer__caption{max-width:48rem;margin-top:1.1rem;color:var(--process-copy);font-size:var(--fs-sm);line-height:1.55}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.explainer__line:not([stroke-dasharray]){stroke-dasharray:1;animation:explainer-draw linear both;animation-timeline:view();animation-range:entry 10% cover 42%}.explainer__line[data-layer=secondary]{animation-range:entry 20% cover 46%}.explainer__line[data-layer=accent],.explainer__line[data-layer=detail]{animation-range:entry 30% cover 50%}.explainer__dot{animation:explainer-dot linear both;animation-timeline:view();animation-range:entry 45% cover 50%}}}@keyframes explainer-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes explainer-dot{0%{opacity:0}to{opacity:1}}@media (max-width:39.99rem){.explainer{margin-inline:calc(-1 * clamp(0rem, 2vw, .5rem));border-radius:var(--r-lg) 3rem var(--r-lg) var(--r-lg)}.explainer__steps{grid-template-columns:minmax(0,1fr);gap:0}.explainer__steps li{grid-template-columns:2rem minmax(0,1fr);align-items:baseline;padding:.7rem 0 0;text-align:left}}}.journey{--journey-band:6.25rem;--journey-node:2.75rem;--journey-stroke:color-mix(in oklab,var(--sand) 80%,transparent);--journey-halo:color-mix(in oklab,var(--sand) 14%,transparent);position:relative;margin-block:clamp(2.25rem,4vw,3rem)}.journey[data-layout=BRANCHES],.journey[data-layout=SEQUENCE]{padding:clamp(1.35rem,3vw,2rem) clamp(1.1rem,3vw,2rem) clamp(1.4rem,3vw,1.9rem);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(90% 75% at 90% 0,color-mix(in oklab,var(--sand) 11%,transparent),transparent 70%),var(--surface);box-shadow:var(--elev-raised)}.journey__title{display:flex;align-items:center;gap:.75rem;color:var(--sand-ink);font-size:var(--fs-eyebrow);font-weight:650;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.journey__title:before{width:1.75rem;height:1px;flex:none;content:"";background:currentColor;opacity:.7}.journey__track{position:relative;margin-top:1.4rem}.journey__line,.journey__origin{display:none}.journey__steps{display:grid;margin:0;padding:0;list-style:none}.journey__step{position:relative;min-height:var(--journey-node);padding:0 0 1.6rem calc(var(--journey-node) + 1.1rem)}.journey__step:last-child{padding-bottom:0}.journey__step:before{position:absolute;top:var(--journey-node);bottom:0;left:calc(var(--journey-node) / 2 - .5px);width:1px;content:"";background:var(--journey-stroke)}.journey__step:last-child:before{display:none}.journey__node{position:absolute;top:0;left:0;display:grid;width:var(--journey-node);height:var(--journey-node);place-items:center;border:1px solid var(--journey-stroke);border-radius:50%;color:var(--sand-ink);background:var(--surface);box-shadow:0 0 0 5px var(--journey-halo);font-family:var(--ff-display);font-size:.95rem;font-style:italic;line-height:1}.journey__heading{padding-top:.55rem;color:var(--ink);font-family:var(--ff-display);font-size:clamp(1.1rem,1.04rem + .3vw,1.28rem);font-weight:400;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.journey__text{margin-top:.4rem;color:var(--muted);font-size:.97rem;line-height:1.58}.journey__text ol,.journey__text ul{margin-top:.5rem}.journey__text li+li{margin-top:.35rem}.journey[data-layout=PILLARS] .journey__steps{gap:1.6rem}.journey[data-layout=PILLARS] .journey__step{min-height:0;padding:1.1rem 0 0;border-top:1px solid var(--journey-stroke)}.journey[data-layout=PILLARS] .journey__step:before{display:none}.journey[data-layout=PILLARS] .journey__node{top:-.35rem;width:.7rem;height:.7rem;border:0;background:var(--sand)}.journey[data-layout=PILLARS] .journey__heading{padding-top:0}.journey__conclusion{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.95rem;margin-top:1.6rem;padding:1rem 1.2rem 1.05rem;border:1px solid color-mix(in oklab,var(--sand) 40%,transparent);border-radius:var(--r-md);background:color-mix(in oklab,var(--sand) 9%,var(--surface))}.journey__conclusion-node{grid-row:1;width:.75rem;height:.75rem;border-radius:50%;background:var(--sand);box-shadow:0 0 0 5px var(--journey-halo)}.journey__conclusion-title{color:var(--ink);font-family:var(--ff-display);font-size:clamp(1.15rem,1.06rem + .4vw,1.35rem);line-height:1.3}.journey__conclusion .journey__text{grid-column:2;margin-top:.2rem}@media (min-width:40rem){.journey[data-layout=PILLARS] .journey__steps{grid-template-columns:repeat(var(--journey-count),minmax(0,1fr));gap:clamp(1.25rem,3vw,2.25rem)}}@media (min-width:48rem){.journey[data-across=true] .journey__track{padding-top:var(--journey-band)}.journey[data-layout=BRANCHES]{--journey-band:7rem}.journey[data-across=true] .journey__line{position:absolute;inset:0 0 auto;display:block;width:100%;height:var(--journey-band);overflow:visible}.journey__line path{fill:none;stroke:var(--journey-stroke);stroke-width:1.35;stroke-linecap:round;vector-effect:non-scaling-stroke}.journey[data-across=true] .journey__steps{grid-template-columns:repeat(var(--journey-count),minmax(0,1fr))}.journey[data-across=true] .journey__step{min-height:0;padding:1rem clamp(.5rem,1.4vw,1rem) 0;text-align:center}.journey[data-across=true] .journey__step:before{display:none}.journey[data-across=true] .journey__node{top:calc(var(--journey-band) * (var(--journey-high) - 1));left:50%;transform:translate(-50%,-50%)}.journey[data-across=true] .journey__step[data-lane=low] .journey__node{top:calc(var(--journey-band) * (var(--journey-low) - 1))}.journey[data-layout=BRANCHES][data-across=true] .journey__step .journey__node{top:calc(var(--journey-band) * (var(--journey-branch) - 1))}.journey[data-layout=BRANCHES][data-across=true] .journey__origin{position:absolute;top:calc(var(--journey-band) * var(--journey-origin));left:50%;display:block;width:.8rem;height:.8rem;border-radius:50%;background:var(--sand);box-shadow:0 0 0 6px var(--journey-halo);transform:translate(-50%,-50%)}.journey[data-across=true] .journey__heading{padding-top:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.journey__line{animation:journey-reveal linear both;animation-timeline:view();animation-range:entry 12% cover 40%}.journey[data-layout=BRANCHES] .journey__line{animation-name:journey-fan}}}@keyframes journey-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes journey-fan{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}