.cs{align-items:start;gap:2rem;display:grid}.cs-side{align-content:start;gap:1rem;display:grid}.cs-side .p-lead{margin-bottom:.5rem}.cs-tabs{scrollbar-width:none;gap:10px;padding:4px 6px 10px 4px;display:flex;overflow-x:auto}.cs-tabs::-webkit-scrollbar{display:none}.cs-tab{border:2px solid var(--ink);min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease, box-shadow .3s var(--spring), translate .3s var(--spring);background:#fff;border-radius:18px;flex:none;grid-template-columns:44px 1fr;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;display:grid}.cs-tab:hover{background:var(--pink-soft)}.cs-tab[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--pink);translate:-2px -2px}.cs-tab-text{line-height:1.25;display:grid}.cs-tab-text strong{font-size:.975rem;font-weight:750}.cs-tab-text small{opacity:.75;font-size:.8125rem;font-weight:600}.cs-tab-go{width:18px;height:18px;display:none}.cs-avatar{border:2px solid var(--ink);border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;display:grid}.cs-tone-pink.cs-avatar{background:var(--pink);color:#fff}.cs-tone-orange.cs-avatar{background:var(--orange);color:var(--ink)}.cs-tone-ink.cs-avatar{color:var(--ink);background:#fff}.cs-tab[aria-selected=true] .cs-tone-ink.cs-avatar{border-color:#fff}.cs-stage{gap:14px;display:grid;position:relative}.cs-card{border:2px solid var(--ink);box-shadow:var(--shadow);animation:cs-in .52s var(--ease-out);border-radius:28px 28px 28px 6px;align-content:start;gap:1rem;margin:0;padding:clamp(1rem,1rem + 2vw,1rem);display:grid;position:relative}.cs-card[hidden]{display:none}.cs-card.cs-tone-pink{background:var(--pink-soft)}.cs-card.cs-tone-orange{background:var(--orange-soft)}.cs-card.cs-tone-ink{background:#fff}@keyframes cs-in{0%{opacity:0;translate:0 14px}}.cs-q{width:44px;height:44px;color:var(--pink-ink)}.cs-pull{letter-spacing:-.03em;color:var(--ink);max-width:26ch;font-size:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);font-weight:800;line-height:1.1}.cs-card blockquote p{color:var(--text);max-width:68ch;font-size:1rem;line-height:1.65}.cs-card figcaption{border-top:2px dashed #1412182e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-top:1rem;display:flex}.cs-by{line-height:1.3;display:grid}.cs-by strong{color:var(--ink);font-size:1.05rem}.cs-by span{color:var(--muted);font-size:.9rem}.cs-svc{min-height:40px;text-decoration:none;transition:background-color .2s,color .2s}.cs-svc svg{width:16px;height:16px}.cs-svc:hover{background:var(--ink);color:#fff}.cs-nav{align-items:center;gap:.6rem;display:flex}.cs-count{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:800}.cs-bar{background:var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.cs-bar i{border-radius:inherit;background:var(--grad);height:100%;transition:width .45s var(--ease-out);display:block}.cs-btn{border:2px solid var(--ink);width:48px;height:48px;color:var(--ink);cursor:pointer;transition:background-color .2s ease, color .2s ease, translate .25s var(--spring);background:#fff;border-radius:999px;place-items:center;display:grid}.cs-btn:hover{background:var(--ink);color:#fff;translate:0 -2px}.cs-btn svg{width:18px;height:18px}@media (min-width:1024px){.cs{grid-template-columns:.85fr 1.15fr;gap:4rem}.cs-side{position:sticky;top:112px}.cs-tabs{flex-direction:column;padding:0 8px 0 0;overflow:visible}.cs-tab{grid-template-columns:44px 1fr 18px;width:100%}.cs-tab-go{opacity:0;transition:opacity .2s ease, translate .3s var(--spring);display:block}.cs-tab[aria-selected=true] .cs-tab-go{opacity:1;translate:3px}}@media (prefers-reduced-motion:reduce){.cs-card{animation:none}}
.hx{padding-block:clamp(1.5rem,1rem + 3vw,4rem) clamp(3rem,2rem + 4vw,5.5rem);position:relative;overflow:hidden}.hx-copy{justify-items:start;gap:1.5rem;display:grid}.hx-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (min-width:1024px){.hx-copy .p-mega{font-size:clamp(3rem,1.2rem + 4.6vw,6.25rem)}}.hx-phone-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:3rem;display:grid}.hx-phone-stage{justify-self:center;width:min(300px,76vw);position:relative}.hx-device{aspect-ratio:9/18.5;border:3px solid var(--ink);background:var(--ink);box-shadow:10px 10px 0 var(--pink);border-radius:44px;padding:10px;position:relative}.hx-notch{z-index:2;background:var(--ink);border-radius:999px;width:84px;height:22px;position:absolute;top:18px;left:50%;translate:-50%}.hx-screen{background:#fff;border-radius:34px;height:100%;overflow:hidden}.hx-feed{gap:12px;padding:44px 10px 10px;animation:26s linear infinite hx-feed;display:grid}@keyframes hx-feed{to{translate:0 -50%}}.hx-feed-post{gap:7px;display:grid}.hx-feed-head{color:var(--ink);align-items:center;gap:7px;font-size:.75rem;display:flex}.hx-feed-av{background:var(--grad);border:2px solid var(--ink);border-radius:999px;width:24px;height:24px}.hx-feed-img{aspect-ratio:1;background:var(--pink-soft);border-radius:12px;overflow:hidden}.hx-feed-img img{object-fit:cover;width:100%;height:100%}.hx-feed-meta{color:var(--ink);align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:flex}.hx-feed-meta svg{width:18px;height:18px}.hx-feed-meta svg:first-child{color:var(--pink)}.hx-toast{z-index:3;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:750;animation:5s ease-in-out infinite hx-bob;display:inline-flex;position:absolute}.hx-toast svg{width:18px;height:18px;color:var(--pink-ink)}.hx-toast--1{top:14%;left:-22%}.hx-toast--2{background:var(--orange-soft);animation-delay:-1.6s;top:46%;right:-26%}.hx-toast--3{background:var(--pink-soft);animation-delay:-3.2s;bottom:12%;left:-18%}@keyframes hx-bob{50%{translate:0 -8px}}@media (max-width:520px){.hx-toast--1{left:-8%}.hx-toast--2{right:-8%}.hx-toast--3{left:-6%}}@media (min-width:1024px){.hx-phone-grid{grid-template-columns:1.1fr .9fr}.hx-phone-stage{width:320px}}@media (min-width:1024px) and (max-width:1199px){.hx-toast--2{right:-14%}}@media (prefers-reduced-motion:reduce){.hx-feed,.hx-toast{animation:none!important}}
.ph{padding-block:clamp(2rem,1rem + 4vw,4.5rem) clamp(3rem,2rem + 4vw,5.5rem);overflow:hidden}.ph-grid{align-items:center;gap:3rem;display:grid}.ph-copy{justify-items:start;gap:1.5rem;display:grid}.ph-actions{flex-wrap:wrap;gap:.75rem;display:flex}.ph-posts{grid-template-columns:1.15fr 1fr;justify-self:center;align-items:start;gap:14px;width:100%;max-width:560px;display:grid;position:relative}.ph-post--1{grid-row:span 2;transform:rotate(-3deg)}.ph-post--2{margin-top:1.5rem;transform:rotate(3deg)}.ph-post--3{transform:rotate(-2deg)}.ph-img-tall{aspect-ratio:3/4}.ph-img-tall img{object-position:50% 22%}.ph-img-sq{aspect-ratio:1}.pp-head{gap:.75rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.25rem);display:grid}.pp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;display:grid}.pp-stats .p-tile{align-content:space-between;gap:.75rem;min-height:200px;padding:1.5rem;display:grid}.pp-num{letter-spacing:-.05em;font-size:clamp(2.75rem,1.8rem + 3.5vw,5rem);font-weight:800;line-height:.9}.pp-label{font-weight:700;line-height:1.3}.ps-grid{gap:16px;list-style:none;display:grid}.ps-tile{grid-template-rows:auto 1fr;display:grid}.ps-img{aspect-ratio:16/10;border-bottom:2px solid var(--ink)}.ps-body{align-content:start;gap:.6rem;padding:1.4rem 1.5rem 1.6rem;display:grid}.ps-icon{border:2px solid var(--ink);width:46px;height:46px;color:var(--ink);background:#fff;border-radius:14px;place-items:center;display:grid}.ps-icon svg{width:22px;height:22px}.ps-link{text-decoration:none}.ps-link:after{content:"";position:absolute;inset:0}.ps-link:focus-visible{outline:none}.ps-tile:focus-within{outline:3px solid var(--focus);outline-offset:4px}.ps-arrow{border:2px solid var(--ink);width:46px;height:46px;color:var(--ink);transition:transform .35s var(--spring);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.ps-arrow svg{width:20px;height:20px}.ps-tile:hover .ps-arrow{transform:rotate(45deg)scale(1.08)}.ps-all{place-items:center;padding:1rem;display:grid}.pr-steps{--progress:1;gap:2rem;list-style:none;display:grid;position:relative}.pr-step{grid-template-columns:72px 1fr;align-items:start;gap:1rem;display:grid}.pr-num{border:2px solid var(--ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);border-radius:999px;place-items:center;font-size:2rem;font-weight:800;display:grid}.pr-card{gap:.5rem;padding:1.5rem;display:grid}.pr-step{position:relative}.pr-arrow{pointer-events:none;fill:none;position:absolute;overflow:visible}.pr-arrow path{stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.pr-arrow--v .pr-arrow-line{stroke:var(--pink)}.pr-arrow-head{stroke:var(--ink)}.pr-arrow-dot{fill:var(--ink)}.pr-arrow--h{display:none}.pr-arrow--v{width:36px;height:calc(100% - 90px + 2rem);top:84px;left:18px}.pr-arrow--v path{stroke-width:3px}.rv-draw path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease-out)}.rv-draw .pr-arrow-head{transition-duration:.35s;transition-delay:.8s}.rv-draw .pr-arrow-dot{opacity:0;transition:opacity .3s}.rv-draw.is-in path{stroke-dashoffset:0}.rv-draw.is-in .pr-arrow-dot{opacity:1}.pw{align-items:center;gap:3rem;display:grid}.pw-img .p-media{aspect-ratio:4/3}.pw-lead{margin-block:1.25rem 1.75rem}.pw-list{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.pw-list li{border:2px solid var(--ink);color:var(--ink);transition:transform .3s var(--spring), background-color .2s ease;background:#fff;border-radius:999px;align-items:center;gap:.55rem;padding:.6rem 1rem .6rem .7rem;font-size:.9375rem;font-weight:700;line-height:1.3;display:inline-flex}.pw-list li:nth-child(odd):hover{background:var(--pink-soft);transform:rotate(-2deg)}.pw-list li:nth-child(2n):hover{background:var(--orange-soft);transform:rotate(2deg)}.pw-list svg{width:22px;height:22px;color:var(--pink);flex:none}.pf{gap:2rem;display:grid}@media (min-width:640px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-tile--0,.ps-all{grid-column:1/-1}}@media (min-width:1024px){.ph-grid{grid-template-columns:1.1fr .9fr;gap:3rem}.pp-head{grid-template-columns:1.2fr .8fr;align-items:end}.pp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-stats li:nth-child(2n){transform:translateY(1.5rem)}.ps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ps-tile--0{grid-area:span 2/span 2}.ps-tile--0 .ps-img{aspect-ratio:4/3}.ps-tile--5,.ps-tile--6{grid-column:span 2;grid-template-rows:none;grid-template-columns:1fr 1fr}.ps-tile--5 .ps-img,.ps-tile--6 .ps-img{aspect-ratio:auto;border-bottom:0;border-right:2px solid var(--ink);height:100%}.ps-all{grid-column:1/-1}.pr-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.pr-step{grid-template-columns:1fr;gap:1.25rem}.pr-step:nth-child(2){margin-top:3rem}.pr-step:nth-child(3){margin-top:6rem}.pr-arrow--v{display:none}.pr-arrow--h{width:calc(100% - 94px + 1.5rem);height:auto;display:block;top:4px;left:86px}.pw{grid-template-columns:.9fr 1.1fr;gap:4rem}.pf{grid-template-columns:.8fr 1.2fr;align-items:start;gap:4rem}}