.su-hero .crumb{margin-bottom: 28px;}.su-hero p.su-eyebrow{margin: 0;}.su-title{margin: 12px 0 0;max-width: 14em;font-size: clamp(38px,5.4vw,68px);line-height: 1.04;font-weight: 400;letter-spacing: -0.01em;text-wrap: balance;}.su-hero .su-lede{margin: 20px 0 0;max-width: 60ch;text-align: left;}.su-act{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px;margin: 28px 0 0;}.su-demo{margin: 48px 0 0;}.su-demo>figcaption{margin-top: 12px;max-width: 80ch;font-size: 13px;line-height: 20px;color: var(--ink-muted);text-wrap: pretty;letter-spacing: -0.006em;}.su-demo>figcaption a{color: var(--ink-muted);}.su-stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1px;margin-top: 40px;background: var(--line);border: 1px solid var(--line);border-radius: var(--r-card);overflow: hidden;}.su-stat{padding: 20px 22px 22px;background: var(--surface-raised);min-width: 0;}.su-stat p{margin: 0;}.su-stat .su-big{font: 300 40px/44px "Hanken Grotesk",system-ui,sans-serif;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;color: var(--ink);}.su-stat p + p{margin-top: 6px;font-size: 15px;line-height: 22px;color: var(--ink-muted);letter-spacing: -0.016em;text-wrap: pretty;}@media (max-width: 900px){.su-stats{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 760px){.su-stat{padding: 16px;}.su-stat .su-big{font-size: 32px;line-height: 36px;}.su-stat p + p{font-size: 14px;line-height: 20px;}}.su-steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;}.su-step{display: flex;flex-direction: column;padding: 24px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-panel);min-width: 0;}.su-n{font: 500 12px/16px "Source Code Pro",ui-monospace,monospace;color: var(--accent-text);}.su-step h3{margin: 14px 0 8px;font-size: 20px;line-height: 26px;font-weight: 500;letter-spacing: -0.023em;}.su-step p{margin: 0;font-size: 15px;line-height: 23px;color: var(--ink-muted);letter-spacing: -0.016em;text-wrap: pretty;}.su-step code{font-size: 13px;letter-spacing: -0.006em;}@media (max-width: 1100px){.su-steps{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 640px){.su-steps{grid-template-columns: minmax(0,1fr);}}.su-rules{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--line);}.su-rules li{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: 8px 32px;padding: 18px 0;border-bottom: 1px solid var(--line);}.su-rules h3{margin: 0;font-size: 17px;line-height: 24px;font-weight: 600;letter-spacing: -0.02em;text-wrap: balance;}.su-rules p{margin: 0;max-width: 70ch;font-size: 16px;line-height: 24px;color: var(--ink-muted);letter-spacing: -0.018em;text-wrap: pretty;}@media (max-width: 760px){.su-rules li{grid-template-columns: minmax(0,1fr);padding: 16px 0;}}.su-wheres{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;}.su-where{padding: 24px;background: var(--surface-raised);border: 1px solid var(--line);border-radius: var(--r-panel);min-width: 0;}.su-where h3{margin: 0 0 16px;font-size: 18px;line-height: 24px;font-weight: 600;letter-spacing: -0.025em;text-wrap: balance;}.su-where dl{margin: 0;display: grid;grid-template-columns: auto minmax(0,1fr);gap: 8px 16px;}.su-where dt{font: 500 11px/22px "Source Code Pro",ui-monospace,monospace;letter-spacing: .06em;text-transform: uppercase;color: var(--ink-muted);}.su-where dd{margin: 0;font-size: 15px;line-height: 22px;letter-spacing: -0.016em;text-wrap: pretty;}.su-where code{font-size: 13px;letter-spacing: -0.006em;}.su-untried{margin-top: 32px;}.su-untried ul{margin: 12px 0 0;padding-left: 20px;max-width: 70ch;}.su-untried li{margin: 6px 0;font-size: 16px;line-height: 24px;color: var(--ink-muted);letter-spacing: -0.018em;}@media (max-width: 760px){.su-wheres{grid-template-columns: minmax(0,1fr);}.su-where{padding: 20px;}}.su-docs{grid-template-columns: repeat(3,minmax(0,1fr));}@media (max-width: 900px){.su-docs{grid-template-columns: minmax(0,1fr);}}.su-end{padding-bottom: 24px;}@supports (corner-shape: superellipse(1.35)){.su-stats,.su-step,.su-where{corner-shape: superellipse(1.35);--corner-k: 1.22;}}.su-jobs{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;}.su-job{padding: 24px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-panel);min-width: 0;}.su-job h3{margin: 0;font-size: 18px;line-height: 24px;font-weight: 600;letter-spacing: -0.025em;}.su-job p{margin: 4px 0 0;font-size: 14px;line-height: 20px;color: var(--ink-muted);letter-spacing: -0.012em;text-wrap: pretty;}.su-job ul{list-style: none;margin: 16px 0 0;padding: 0;}.su-job li a{display: flex;align-items: center;min-height: 32px;font-size: 15px;line-height: 22px;letter-spacing: -0.016em;color: var(--ink);text-decoration: none;}.su-job li a:hover{color: var(--accent-text);text-decoration: underline;}@media (max-width: 1100px){.su-jobs{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 560px){.su-jobs{grid-template-columns: minmax(0,1fr);}}@supports (corner-shape: superellipse(1.35)){.su-job{corner-shape: superellipse(1.35);--corner-k: 1.22;}}.su-job-more{display: flex;flex-direction: column;color: var(--ink);text-decoration: none;background: var(--accent-soft);}.su-job-more .more{margin-top: auto;padding-top: 16px;font-size: 14px;letter-spacing: -0.011em;}.su-job-more:hover{border-color: var(--accent);}.su-job-more:hover .more{color: var(--accent-text);}.su-hero .su-note{margin: 12px 0 0;max-width: 60ch;font-size: 15px;line-height: 23px;color: var(--ink-muted);letter-spacing: -0.016em;text-wrap: pretty;}
