.how-eyebrow{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-caption);color:var(--muted);padding:.3rem .8rem;font-weight:600;display:inline-block}.how-title{font-family:var(--font-sans-stack);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;font-size:clamp(2rem,1.2rem + 3.2vw,3.5rem);font-weight:700;line-height:1.06}.how-title em{font-family:var(--font-display-stack);letter-spacing:-.01em;font-size:1.12em;font-style:italic;font-weight:400}.how-track{padding-inline:var(--gutter);justify-content:center;align-items:flex-start;gap:clamp(1.5rem,4vw,4rem);display:flex;position:relative}@media (max-width:63.9rem){.how-track{padding-inline:0;display:block}}.how-illustration-col{flex:1;min-width:0;max-width:64rem;min-height:325vh}@media (max-width:63.9rem){.how-illustration-col{min-height:0}}.how-stage-pin{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:visible}@media (max-width:63.9rem){.how-stage-pin{height:auto;position:static;overflow:hidden}}.how-stage{width:100%;height:66vh;max-height:38rem;position:relative}@media (max-width:63.9rem){.how-stage{height:60vw;max-height:20rem}}.how-path{flex:38rem;max-width:min(38rem,42vw);height:325vh;position:relative}@media (max-width:63.9rem){.how-path{height:auto;margin-top:1.5rem}}.how-curve{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.how-track-line{fill:none;stroke:var(--rule-strong);stroke-width:2.5px;stroke-dasharray:0 7;stroke-linecap:round}.how-fill-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.how-curve-num{border:1.5px solid var(--rule-strong);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--faint);font-family:var(--font-mono-stack);cursor:pointer;transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.85rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.how-curve-num:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.how-curve-num.is-active{background:var(--accent);border-color:var(--accent);color:var(--surface)}.how-curve-num .ping-ring{border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:-.4rem}.how-curve-num.is-active .ping-ring{animation:1.8s ease-out infinite how-ping}@keyframes how-ping{0%{opacity:.65;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}@media (max-width:63.9rem){.how-curve,.how-curve-num{display:none}}.how-copy-pin{position:relative}main[data-motion] .how-copy-pin{align-items:center;height:100svh;display:flex;position:sticky;top:0}.how-copy{padding:1.25rem var(--gutter);border-top:1px solid var(--rule)}.how-copy:first-child{border-top:0}.how-copy h3{font-family:var(--font-sans-stack);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.2rem;font-weight:700}.how-copy p{color:var(--muted);font-size:var(--text-small);line-height:var(--text-small--line-height);margin:.5rem 0 0}.how-copy .num-mobile{display:none}main[data-motion] .how-copy{--stop-clear:calc(1.375rem + .4rem + .625rem);width:calc(45% - var(--stop-clear));opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--dur-base) var(--ease);border-top:0;padding:0;position:absolute}main[data-motion] .how-copy--right{left:calc(55% + var(--stop-clear));text-align:left}main[data-motion] .how-copy--left{right:calc(55% + var(--stop-clear));text-align:right}main[data-motion] .how-copy.is-active{opacity:1;pointer-events:auto}main[data-motion] .how-copy.is-active h3{color:var(--accent-ink)}@media (max-width:63.9rem){.how-copy-pin,main[data-motion] .how-copy-pin{height:auto;display:block;position:static}.how-copy,main[data-motion] .how-copy{width:auto;padding:1.25rem var(--gutter);border-top:1px solid var(--rule);cursor:auto;pointer-events:auto;position:static;transform:none;opacity:1!important;text-align:left!important}.how-copy:first-child{border-top:0}.how-copy .num-mobile{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--surface);font-family:var(--font-mono-stack);font-size:var(--text-label);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.5rem;display:inline-flex}}.how-outro{padding-inline:var(--gutter);font-size:var(--text-small);color:var(--muted);margin-top:1.5rem}.how-static{padding-inline:var(--gutter);flex-direction:column;gap:1.5rem;display:flex}.how-static .how-stage{aspect-ratio:4/3;position:relative}.how-static-copy{flex-direction:column;gap:1.5rem;display:flex}.how-static-step{grid-template-columns:2.25rem 1fr;column-gap:.5rem;display:grid}.how-static-step .how-num{font-size:var(--text-label);color:var(--accent-ink);font-weight:500;font-family:var(--font-mono-stack);grid-row:1}.how-static-step h3{font-weight:700;font-size:var(--text-h3);letter-spacing:-.01em;color:var(--ink);grid-column:2;margin:0}.how-static-step p{font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--muted);grid-column:2;margin-top:.5rem}.how-step{opacity:0;pointer-events:none;transition:opacity .4s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.how:not([data-step]) .how-step[data-for="1"],.how[data-step="1"] .how-step[data-for="1"],.how[data-step="2"] .how-step[data-for="2"],.how[data-step="3"] .how-step[data-for="3"],.how[data-step="4"] .how-step[data-for="4"],.how[data-step="5"] .how-step[data-for="5"]{opacity:1;pointer-events:auto}.how-step>*{transform:scale(var(--how-zoom,1));transform-origin:50%}.how-card{border:1px solid var(--rule);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.how-card .mock{margin-top:auto;padding-top:1.25rem}.mock-ui{border:1px solid var(--rule);background:var(--ground);border-radius:10px;overflow:hidden}.mock-head{border-bottom:1px solid var(--rule);font-family:var(--font-mono-stack);font-size:var(--text-label);letter-spacing:.02em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex;overflow:hidden}.mock-head .dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.mock-head .dot-bad{background:var(--bad)}.mock-body{padding:.75rem}.chip{border-radius:var(--radius-pill);font-family:var(--font-mono-stack);font-size:var(--text-label);letter-spacing:.02em;white-space:nowrap;padding:.15rem .55rem;display:inline-block}.chip-good{background:var(--good-soft);color:var(--good)}.chip-bad{background:var(--bad-soft);color:var(--bad)}.bar{background:var(--sunk);border-radius:3px;height:6px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform 1.1s var(--ease) .3s;display:block}main[data-motion] .how-card:not([data-in]) .bar-fill{transform:scaleX(0)}.mock-refusals .row,.mock-prov .row{border-top:1px solid var(--rule);gap:.2rem;padding:.5rem 0;display:grid}.mock-refusals .row:first-child,.mock-prov .row:first-child{border-top:0;padding-top:0}.mock-refusals .row:last-child,.mock-prov .row:last-child{padding-bottom:0}.mock-refusals .row{grid-template-columns:5.25rem 1fr;align-items:start;gap:.5rem}.mock-refusals .row>span:last-child,.mock-prov .row>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mock-prov .anchor{overflow-wrap:anywhere}main[data-motion] .how-card .mock-refusals .row{transition:transform .5s var(--spring,cubic-bezier(.2, 1.3, .3, 1)) calc(.4s + var(--i,0) * .16s), opacity .3s var(--ease) calc(.4s + var(--i,0) * .16s)}main[data-motion] .how-card:not([data-in]) .mock-refusals .row{opacity:0;transform:scale(1.06)}main[data-motion] .how-card .mock-prov .anchor{clip-path:inset(0);transition:clip-path .9s steps(24) calc(.4s + var(--i,0) * .26s)}main[data-motion] .how-card:not([data-in]) .mock-prov .anchor{clip-path:inset(0 100% 0 0)}main[data-motion] .how-card .mock-prov .row>span:last-child{transition:opacity .4s var(--ease) calc(1s + var(--i,0) * .26s)}main[data-motion] .how-card:not([data-in]) .mock-prov .row>span:last-child{opacity:0}@media (prefers-reduced-motion:reduce){.how-card *{transition:none!important;animation:none!important}}
.step1-intro-logo .mark{width:2.75rem;height:2.75rem}@keyframes step1-intro-blink{50%{opacity:0}}