.ab-stack{grid-template-columns:minmax(0,1fr) 90px minmax(0,1.1fr);align-items:center;gap:0;max-width:980px;margin:0 auto;padding:10px 0 30px;display:grid;position:relative}.ab-before{justify-items:end;gap:12px;margin:0;display:grid}.ab-tool{background:var(--c-surface);border:1px solid var(--c-line);height:52px;color:var(--a-ink-2);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:0 18px 0 8px;font-size:15px;font-weight:550;display:inline-flex;box-shadow:0 1px 2px #1018280a,0 18px 34px -26px #10283c73}.ab-tool span{background:var(--c-ground);width:36px;height:36px;color:var(--c-muted-2);border-radius:10px;place-items:center;display:grid}.ab-tool.t0{transform:translate(-26px)rotate(-2deg)}.ab-tool.t1{transform:translate(10px)rotate(1.5deg)}.ab-tool.t2{transform:translate(-12px)rotate(-1deg)}.ab-tool.t3{transform:translate(16px)rotate(2deg)}.ab-tool.t4{transform:translate(-20px)rotate(-1.5deg)}.ab-arrow{background:linear-gradient(90deg, var(--lt,#d4d4d8) var(--dk,#ffffff2e), #1a9ba5);color:#1a9ba5;place-items:center;height:2px;margin:0 12px;display:grid;position:relative}.ab-arrow svg{position:absolute;right:-8px}.ab-arrow i{opacity:0;background:radial-gradient(4px at 4px,#37e3ef 92%,#0000);width:100%;height:8px;position:absolute;top:-3px;left:0}.ab-record{background:var(--c-surface);background:linear-gradient(var(--c-surface), var(--c-surface)) padding-box, linear-gradient(140deg, #37e3ef, #1a9ba5 50%, #2c6fe2) border-box;text-align:left;border:1.5px solid #0000;border-radius:20px;gap:10px;padding:20px;display:grid;box-shadow:0 50px 90px -46px #1a9ba599,0 2px 6px #0000000a}.ab-rec-h{align-items:center;gap:10px;margin-bottom:4px;display:flex}.ab-rec-h b{letter-spacing:-.02em;font-size:17px;font-weight:650}.ab-rec-h small{color:var(--ui-sub);margin-left:auto;font-size:12px}.ab-mark{background:var(--c-tint);border:1px solid #1a9ba540;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.ab-lane{background:var(--ui-surface-2);border:1px solid var(--ui-card-border);height:42px;color:var(--ui-text);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:550;display:flex;position:relative;overflow:hidden}.ab-dot{background:#1a9ba5;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #1a9ba524}.ab-lane i{opacity:0;background:linear-gradient(90deg,#37e3ef2e,#37e3ef00);position:absolute;inset:0}.ab-lane.l1 .ab-dot{background:var(--brand-500);box-shadow:0 0 0 4px #1a9ba524}.ab-lane.l2 .ab-dot{background:var(--blue-500);box-shadow:0 0 0 4px #2c6fe224}.ab-lane.l3 .ab-dot{background:var(--brand-300);box-shadow:0 0 0 4px #37e3ef2e}.ab-lane.l4 .ab-dot{background:var(--brand-800);box-shadow:0 0 0 4px #0b5f6624}@media (width<=759px){.ab-stack{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px}.ab-before{grid-template-columns:repeat(2,auto);justify-items:center;gap:8px}.ab-tool{height:42px;padding-right:12px;font-size:13px}.ab-tool span{width:28px;height:28px}.ab-tool.t0,.ab-tool.t1,.ab-tool.t2,.ab-tool.t3,.ab-tool.t4{transform:none}.ab-arrow{background:linear-gradient(180deg, var(--lt,#d4d4d8) var(--dk,#ffffff2e), #1a9ba5);width:2px;height:34px;margin:0}.ab-arrow svg{bottom:-10px;right:auto;transform:rotate(90deg)}.ab-arrow i{display:none}.ab-record{width:min(100%,420px)}}@media (width<=419px){.ab-before{grid-template-columns:minmax(0,1fr)}}.ab-beliefs>li h3{font-size:clamp(20px,1.8vw,24px)}.ab-dl{border-top:1px solid var(--a-line);margin:0;display:grid}.ab-dl>div{border-bottom:1px solid var(--a-line);grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.ab-dl dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--a-muted-2);padding-top:3px;font-size:12px}.ab-dl dd{color:var(--a-ink);margin:0;font-size:17px}.ab-dl dd small{color:var(--a-muted-2);margin-top:2px;font-size:14px;display:block}.ab-dl a{color:var(--a-ink);text-underline-offset:3px}.ab-dl dd.ab-mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:15px}@media (width<=559px){.ab-dl>div{grid-template-columns:minmax(0,1fr);gap:4px}}@media (prefers-reduced-motion:no-preference){.js .ab-tool{animation:8s cubic-bezier(.45,.05,.25,1) infinite ab-fold}.js .ab-tool.t1{animation-delay:.25s}.js .ab-tool.t2{animation-delay:.5s}.js .ab-tool.t3{animation-delay:.75s}.js .ab-tool.t4{animation-delay:1s}.js .ab-lane i{animation:8s infinite ab-lane}.js .ab-lane.l1 i{animation-delay:.25s}.js .ab-lane.l2 i{animation-delay:.5s}.js .ab-lane.l3 i{animation-delay:.75s}.js .ab-lane.l4 i{animation-delay:1s}.js .ab-arrow i{animation:2s cubic-bezier(.45,0,.55,1) infinite ab-run}}@media (prefers-reduced-motion:no-preference) and (width<=759px){.js .ab-tool{animation:none}}.js [data-loop]:not(.is-live) :is(.ab-tool,.ab-lane i,.ab-arrow i),.js.is-tab-hidden :is(.ab-tool,.ab-lane i,.ab-arrow i){animation-play-state:paused}@keyframes ab-fold{0%,30%{opacity:1;translate:0}44%{opacity:.25;translate:40px}70%{opacity:.25;translate:40px}84%,to{opacity:1;translate:0}}@keyframes ab-lane{0%,36%{opacity:0}46%,70%{opacity:1}84%,to{opacity:0}}@keyframes ab-run{0%{opacity:0;transform:translate(0)}12%,88%{opacity:1}to{opacity:0;transform:translate(calc(100% - 8px))}}
