.tutorial-page .article-hero{overflow:hidden;position:relative}.tutorial-page .article-hero:after{background:radial-gradient(circle at top right,rgba(30,136,229,.15),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}.tutorial-page .article-hero>*{position:relative;z-index:1}.tutorial-eyebrow{align-items:center;background:rgba(30,136,229,.1);border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.01em;padding:.35rem .85rem;text-transform:uppercase}.tutorial-icon{font-size:.85rem}.tutorial-pillars .article-card ul{display:grid;gap:.5rem;margin:0;padding-left:1.1rem}.tutorial-pillars .article-callout{margin-top:1rem}.tutorial-subsection{display:grid;gap:1.5rem;margin-top:2.5rem}.tutorial-subsection h3{margin:0}.tutorial-tip{font-size:.95rem}.tutorial-orders .article-card{min-height:100%}.tutorial-note{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:12px;color:var(--color-secondary);font-size:.95rem;margin-top:.5rem;padding:.75rem 1rem}.tutorial-subsection .article-card+.article-card{margin-top:1.25rem}.tutorial-subsection>p{max-width:840px}@media (max-width:767.98px){.tutorial-eyebrow{font-size:.8125rem}.tutorial-page .article-hero ul{padding-left:1rem}}