
.alt-hero{padding:150px 0 0}
.alt-hero .lede{max-width:62ch}
.alt-sec{padding-top:70px}
.alt-sec .h3{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.alt-signs{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.alt-signs li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--line);font-size:15.5px;line-height:1.45;color:var(--ink-2)}
.alt-signs i{flex:none;margin-top:2px;color:var(--brand)}
.alt-table{margin-top:18px;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:rgba(255,255,255,.6)}
.alt-table table{width:100%;border-collapse:collapse}
.alt-table th,.alt-table td{padding:14px 18px;text-align:left;vertical-align:top;font-size:15px;line-height:1.45;border-bottom:1px solid var(--line)}
.alt-table thead th{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);background:rgba(12,12,14,.03)}
.alt-table thead th:last-child{color:var(--brand)}
.alt-table tbody th{width:18%;font-weight:800;color:var(--ink)}
.alt-table td{color:var(--gray)}
.alt-table td:last-child{color:var(--ink-2);font-weight:600;background:rgba(var(--brand-rgb),.035)}
.alt-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}
.alt-steps li{padding:18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:1.45;color:var(--gray);counter-increment:s}
.alt-steps li::before{content:counter(s,decimal-leading-zero);display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:var(--brand)}
.alt-steps b{display:block;color:var(--ink);margin-bottom:4px}
.alt-grid{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.alt-card{position:relative;display:flex;flex-direction:column;padding:22px 24px 20px;border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.85),rgba(255,255,255,.55));box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -26px rgba(12,12,14,.35);transition:box-shadow .25s,transform .25s}
.alt-card b{display:block;padding-right:26px;font-size:17.5px;font-weight:800;line-height:1.25;color:var(--ink)}
.alt-card b em{font-style:normal;font-weight:600;color:var(--gray)}
.alt-card span{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--gray)}
.alt-card .go{position:absolute;top:22px;right:20px;font-size:17px;color:var(--gray);transition:transform .25s,color .25s}
.alt-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.4),0 22px 36px -24px rgba(var(--brand-rgb),.5)}
.alt-card:hover .go{color:var(--brand);transform:translate(3px,-3px)}
.alt-card[hidden],.alt-group-sec[hidden]{display:none}
/* hub: hero with a sketch, finder, groups, why and what, dark steps chapter */
.alt-hero.hub{overflow:hidden;padding-bottom:0}
.alt-hero.hub .wrap{position:relative;z-index:1}
.alt-hub-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center}
.alt-hub-grid .lede{max-width:46ch}
.alt-hub-grid .lede.sub{margin-top:14px;font-size:clamp(16px,1.3vw,18px)}
.alt-hub-grid .ctas{margin-top:34px}
.alt-hub-art .sk{width:100%;height:auto;max-width:540px;margin-left:auto}
@media (max-width:980px){.alt-hub-grid{grid-template-columns:1fr;gap:30px}.alt-hub-art .sk{max-width:440px;margin:0 auto}}
.sk{display:block;overflow:visible}
.sk .ink{fill:none;stroke:#2a2a30;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sk .ink.brand{stroke:var(--brand)}
.sk .ink.thin{stroke-width:1.5}
.sk .ink.fill{fill:#fff}
.sk .hw{font-family:"Caveat",cursive;font-size:20px;font-weight:600;fill:#55555d}
.sk .hw.md{font-size:25px;font-weight:700;fill:#2a2a30}
.sk .hw.brand{fill:var(--brand)}
.sk .d1{--i:0}.sk .d2{--i:4}.sk .d3{--i:8}.sk .d4{--i:12}.sk .d5{--i:16}.sk .d6{--i:20}
.js .sk .ink{stroke-dasharray:1 2;stroke-dashoffset:1.02}
.js .sk .hw{opacity:0}
.js .sk.on .ink{stroke-dashoffset:0;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--sd,0ms) + var(--i,0) * 110ms)}
.js .sk.on .hw{opacity:1;transition:opacity .5s ease;transition-delay:calc(var(--sd,0ms) + var(--i,0) * 110ms + 250ms)}
@media (prefers-reduced-motion:reduce){.js .sk .ink{stroke-dashoffset:0}.js .sk .hw{opacity:1}}
.alt-find{display:none;margin-top:64px;padding:18px 22px 20px;grid-template-columns:minmax(0,1fr) auto;gap:16px 22px;align-items:center}
.js .alt-find{display:grid}
.alt-search{position:relative;display:block;min-width:0;max-width:480px}
.alt-search i{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--gray);pointer-events:none}
.alt-search input{width:100%;height:48px;padding:0 16px 0 46px;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-size:16px;color:var(--ink)}
.alt-search input::placeholder{color:var(--gray)}
.alt-search input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.alt-chips{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;order:3}
.alt-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:var(--r-pill);background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:700;color:var(--ink-2);transition:background .2s,color .2s,box-shadow .2s}
.alt-chip span{font-size:12.5px;font-weight:800;color:var(--gray)}
.alt-chip:hover{box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.4)}
.alt-chip[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.alt-chip[aria-pressed="true"] span{color:rgba(255,255,255,.72)}
.alt-count{order:2;font-size:14px;font-weight:700;color:var(--gray);white-space:nowrap}
@media (max-width:980px){.alt-find{grid-template-columns:1fr;margin-top:46px}.alt-search{max-width:none}.alt-count{order:3}.alt-chips{order:2}.alt-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -4px;padding:2px 4px 6px;scrollbar-width:none}.alt-chips::-webkit-scrollbar{display:none}.alt-chip{flex:none}}
.alt-group-sec{margin-top:58px}
.alt-gh{display:flex;align-items:center;gap:16px}
.alt-gi{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,rgba(var(--brand-rgb),.13),rgba(var(--brand-rgb),.04));box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.18);font-size:24px;color:var(--brand)}
.alt-gh .h3{margin:0}
.alt-gb{margin-top:3px;font-size:15.5px;line-height:1.45;color:var(--gray);max-width:60ch}
.alt-group-sec .alt-grid{margin-top:20px}
.alt-empty{margin-top:40px;font-size:17px;color:var(--gray)}
.alt-empty a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.alt-time{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:56px;align-items:start}
.alt-time-h .h2{max-width:11ch;font-size:clamp(32px,3.6vw,50px)}
.alt-time-h .lede{max-width:30ch;font-size:clamp(16px,1.3vw,18px)}
.alt-time-art{margin-top:30px}
.alt-time-art .sk{width:100%;height:auto;max-width:300px}
.alt-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;margin:0;padding:0}
.alt-sign{padding:26px 26px 24px;border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.9),rgba(255,255,255,.58));box-shadow:inset 0 0 0 1px var(--line),0 18px 34px -28px rgba(12,12,14,.4)}
.alt-sign .alt-gi{margin-bottom:18px}
.alt-sign b{display:block;text-wrap:balance;font-size:18.5px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.alt-sign p{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--gray)}
@media (max-width:900px){.alt-time{grid-template-columns:1fr;gap:34px}.alt-time-h .h2{max-width:none}.alt-time-h .lede{max-width:46ch}.alt-time-art .sk{max-width:260px}}
@media (max-width:560px){.alt-time-grid{grid-template-columns:1fr}.alt-sign{padding:22px 22px 20px}}
.alt-how{margin-top:110px;padding:100px 0 96px;overflow:hidden}
.alt-how .wrap{position:relative;z-index:1}
.alt-how .alt-steps{margin-top:44px;gap:14px}
.alt-how .alt-steps li{padding:26px 24px 24px;border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 70px -35px rgba(0,0,0,.7);font-size:15.5px;color:var(--night-gray)}
.alt-how .alt-steps li::before{margin-bottom:14px;font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1;color:rgba(255,255,255,.22)}
.alt-how .alt-steps b{margin-bottom:6px;font-size:18px;color:#fff}
.alt-how .ctas{margin-top:40px}
@media (max-width:640px){.alt-how{margin-top:80px;padding:80px 0 72px}}
.alt-sec .lede a{font-weight:700;color:var(--brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:860px){.alt-signs{grid-template-columns:1fr}.alt-steps{grid-template-columns:1fr 1fr}.alt-table th,.alt-table td{padding:10px 12px;font-size:14px}}
.statbar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:34px 28px 30px;position:relative}
.stat:first-child{padding-left:0}
.stat + .stat::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:rgba(var(--brand-rgb),.16)}
.stat-num{font-size:clamp(36px,3.8vw,54px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.stat-label{margin-top:12px;font-size:15px;font-weight:600;color:var(--ink-2);line-height:1.35}
.stat-src{margin-top:6px;font-size:13px;font-weight:600;color:var(--gray)}
@media (max-width:1000px){.statbar{grid-template-columns:1fr 1fr}.stat + .stat::before{display:none}.stat:nth-child(odd){padding-left:0}.stat:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}.stat:nth-child(n+3){border-top:1px solid var(--line)}}
