.tutorial{--cream:#f4f1ec;--ink:#14120f;--ink-2:#2f2b26;--muted:#726c62;--faint:#9a948a;--line:#14120f17;--line-2:#14120f33;--line-3:#14120f57;--beige:#e8e1d4;--panel:#fbf9f5;--accent:#7aa7e8;--accent-deep:#4c7fcf;--ease:cubic-bezier(.22, .61, .36, 1);background-color:var(--cream);width:100%;color:var(--ink);background-image:radial-gradient(#14120f0d .5px,#0000 .5px);background-size:7px 7px;flex-direction:column;align-items:center;padding:74px 0 84px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow-x:clip}@media (max-width:900px){.tutorial{padding:52px 0 62px}}.tutorial-rules{z-index:0;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.tutorial-rules-band{justify-content:space-between;width:min(1340px,94%);display:flex}.tutorial-rules-pair{gap:40px;display:flex}.tutorial-rules-pair i{background:var(--line);width:1px;height:100%}@media (max-width:900px){.tutorial-rules{display:none}}.tutorial-container{z-index:1;width:100%;max-width:900px;margin:0 auto;padding:0 2rem;position:relative}@media (max-width:900px){.tutorial-container{padding:0 1.15rem}}.tutorial-top{text-align:center;flex-direction:column;align-items:center;margin-bottom:42px;display:flex}.tutorial-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.tutorial-kicker-rule{background:var(--line-2);width:78px;height:1px;margin:11px 0 24px;position:relative}.tutorial-kicker-rule:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-title{letter-spacing:-.4px;color:var(--ink);margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(40px,3.6vw,44px);font-weight:500;line-height:1.04}.tutorial-des{max-width:56ch;color:var(--muted);margin:13px 0 0;font-size:13.5px;line-height:1.65}@media (max-width:610px){.tutorial-des{font-size:13px}}.tutorial-featured{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 296px;align-items:center;gap:36px;padding-bottom:34px;display:grid}.tutorial-featured-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-size:9.5px;font-weight:600}.tutorial-featured-title{letter-spacing:-.2px;margin:11px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:31px;font-weight:500;line-height:1.08}.tutorial-featured-des{max-width:44ch;color:var(--muted);margin:11px 0 0;font-size:13.5px;line-height:1.65}.tutorial-featured-button{background:var(--ink);height:40px;color:var(--cream);transition:background-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:999px;align-items:center;gap:9px;margin-top:18px;padding:0 19px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.tutorial-featured-dots{gap:3.5px;margin-left:2px;display:inline-flex}.tutorial-featured-dots i{background:var(--accent);border-radius:1.5px;width:4px;height:4px}.tutorial-featured-button:hover{background:#2b2721;transform:translateY(-2px);box-shadow:0 8px 20px -8px #14120f8c}.tutorial-featured-button:active{transform:translateY(0)}.tutorial-featured-button:hover .tutorial-featured-dots i{animation:tutorialMarch .78s var(--ease) infinite}.tutorial-featured-button:hover .tutorial-featured-dots i:nth-child(2){animation-delay:.11s}.tutorial-featured-button:hover .tutorial-featured-dots i:nth-child(3){animation-delay:.22s}@keyframes tutorialMarch{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-3.5px)}}@media (prefers-reduced-motion:reduce){.tutorial-featured-dots i{animation:none!important}}.tutorial-featured .tutorial-viz{height:158px}.tutorial-grid{border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.tutorial-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;transition:background .22s var(--ease);align-items:flex-start;gap:14px;padding:18px 20px;text-decoration:none;display:flex}.tutorial-cell:hover{background:#e8e1d46b}.tutorial-cell .tutorial-viz{flex:0 0 84px;gap:5px;width:84px;height:62px;padding:7px;-webkit-mask-image:linear-gradient(#000 66%,#0000 100%);mask-image:linear-gradient(#000 66%,#0000 100%)}.tutorial-cell .tutorial-viz .tutorial-viz-tiny{font-size:7px}.tutorial-cell .tutorial-viz .tutorial-viz-card{gap:4px;padding:5px 6px}.tutorial-cell-title{margin:0;font-size:13.5px;font-weight:500}.tutorial-cell-des{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.tutorial-cell-mail{color:var(--accent-deep);margin:7px 0 0;font-size:12px}.tutorial-cell.is-help{background:#e8e1d44d}.tutorial-cell.is-help:hover{background:#e8e1d48c}.tutorial-viz{background:var(--panel);width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;flex-direction:column;gap:7px;padding:11px;display:flex;position:relative;overflow:hidden}.tutorial-viz-bar{background:#14120f21;border-radius:3px;height:6px;display:block}.tutorial-viz-bar.is-light{background:#14120f14}.tutorial-viz-bar.is-accent{background:#4c7fcf8c}.tutorial-viz-bar.is-accent-soft{background:#4c7fcf47}.tutorial-viz-row{align-items:center;gap:8px;display:flex}.tutorial-viz-row.is-split{justify-content:space-between}.tutorial-viz-row.is-baseline{align-items:baseline;gap:5px}.tutorial-viz-grow{flex:1}.tutorial-viz-avatar{background:linear-gradient(150deg,#dcd3c3,#c9bda8);border-radius:50%;flex:none;width:22px;height:22px}.tutorial-viz-chip{height:16px;box-shadow:inset 0 0 0 1px var(--line);background:#14120f0f;border-radius:5px;flex:none}.tutorial-viz-chip.is-solid{background:var(--ink);box-shadow:none}.tutorial-viz-chip.is-wide{width:100%;margin-top:2px}.tutorial-viz-card{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:6px;flex-direction:column;gap:5px;padding:6px 7px;display:flex}.tutorial-viz-tiny{color:var(--muted);font-size:8px}.tutorial-viz-tiny.is-strong{color:var(--ink);font-weight:500}.tutorial-viz-price{font-family:Instrument Serif,Georgia,serif;font-size:19px;line-height:1}.tutorial-viz-browser{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding-bottom:7px;display:flex}.tutorial-viz-browser i{background:#14120f29;border-radius:50%;width:5px;height:5px}.tutorial-viz-url{height:13px;box-shadow:inset 0 0 0 1px var(--line);background:#14120f0d;border-radius:999px;flex:1;align-items:center;gap:4px;padding:0 7px;display:flex}.tutorial-viz-url.is-tall{flex:none;height:19px}.tutorial-viz-lock{background:#7aa7e88c;border-radius:2px;flex:none;width:7px;height:7px}.tutorial-viz-blocks{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:6px;display:grid}.tutorial-viz-blocks span{background:#14120f0e;border-radius:5px}.tutorial-viz-blocks span:first-child{background:#7aa7e829;grid-column:1/3}.tutorial-viz-cal{flex:1;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:3px;display:grid}.tutorial-viz-cal b{color:var(--faint);text-align:center;font-size:7px;font-weight:500}.tutorial-viz-cal s{color:var(--ink-2);text-align:center;border-radius:4px;padding:2px 0;font-size:8px;text-decoration:none}.tutorial-viz-cal s.is-on{background:var(--ink);color:var(--cream)}.tutorial-viz-event{background:#7aa7e829;border-radius:5px;flex-direction:column;gap:3px;padding:4px 5px;display:flex;box-shadow:inset 0 0 0 1px #7aa7e84d}.tutorial-viz-stack{display:flex}.tutorial-viz-stack span{width:18px;height:18px;box-shadow:0 0 0 2px var(--panel);background:linear-gradient(150deg,#dcd3c3,#c9bda8);border-radius:50%;margin-left:-6px}.tutorial-viz-stack span:first-child{margin-left:0}.tutorial-viz-plus{color:var(--muted);margin-left:6px;font-size:8.5px}@media (max-width:820px){.tutorial-featured{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.tutorial-featured-title{font-size:28px}.tutorial-featured .tutorial-viz{height:172px}.tutorial-grid{grid-template-columns:1fr}}