.examples-page{padding-block:55px 70px}.examples-heading{max-width:790px;margin-bottom:34px}.examples-heading .eyebrow{color:var(--accent-light);margin-bottom:12px}.examples-heading h1{letter-spacing:-1.5px;margin:0 0 15px;font-size:clamp(34px,3.5vw,48px)}.examples-heading>p:last-child{color:var(--muted);margin:0;font-size:18px;line-height:1.6}.workflow-list{border-top:1px solid var(--line)}.workflow-example{border-bottom:1px solid var(--line)}.workflow-example>summary{cursor:pointer;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:7px 26px;min-height:110px;padding:28px 10px 28px 0;list-style:none;display:grid}.workflow-example>summary::-webkit-details-marker{display:none}.workflow-example>summary::marker{content:""}.workflow-example>summary:hover .workflow-title{color:var(--accent-light)}.workflow-example>summary:focus-visible{outline:3px solid var(--accent-light);outline-offset:5px}.workflow-number{font:12px var(--mono);color:var(--accent-light);min-width:28px}.workflow-title,.workflow-description{grid-column:2;min-width:0}.workflow-number,.workflow-toggle{grid-row:1/3}.workflow-toggle{grid-column:3}.workflow-title{letter-spacing:-.45px;margin:0;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.3}.workflow-description{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.workflow-toggle{border:1px solid var(--accent-border);background:var(--accent-surface);width:36px;height:36px;color:var(--accent-light);border-radius:50%;flex:0 0 36px;place-items:center;line-height:0;display:grid}.workflow-toggle svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px;display:block}.workflow-example[open] .workflow-toggle-vertical{display:none}.workflow-example[open]>summary .workflow-title{color:var(--accent-light)}.workflow-expanded{max-width:1080px;padding:0 0 38px 54px}.workflow-context{color:var(--accent-light);margin:0 0 24px;font-size:13px;font-weight:500;line-height:1.6}.case-story{gap:24px;display:grid}.case-section{grid-template-columns:118px minmax(0,1fr);gap:26px;display:grid}.case-section h3{margin:0;font-size:16px;font-weight:500;line-height:1.7}.case-section p{color:var(--muted);max-width:74ch;margin:0;font-size:17px;line-height:1.7}.case-section p+p{margin-top:14px}.case-result h3{color:var(--accent-light)}.case-result p{color:var(--text)}.case-visual{max-width:820px;margin:30px 0 0 144px}.case-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.case-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.5}.case-table caption{text-align:left;padding:14px 16px}.case-table caption strong{font-size:14px;font-weight:500;display:block}.case-table caption span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.case-table th,.case-table td{border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:10px 16px}.case-table th{color:var(--muted);font-size:12px;font-weight:400}.case-cell{display:block}.case-cell-detail{color:var(--muted);margin-top:3px;font-size:12px;display:block}.case-cell.is-success{color:var(--success)}.case-cell.is-warning{color:#edc282}.case-visual figcaption,.case-note{color:var(--muted);font-size:13px;line-height:1.65}.case-visual figcaption{margin-top:10px}.case-note{max-width:780px;margin:18px 0 0 144px}.examples-bottom{justify-content:space-between;align-items:center;gap:32px;padding-top:32px;display:flex}.examples-bottom p{max-width:610px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.examples-bottom .text-link{color:var(--accent-light);flex:none;font-size:15px}@media (width<=760px){.examples-page{padding-block:36px 44px}.examples-heading>p:last-child{font-size:17px}.workflow-example>summary{grid-template-columns:22px minmax(0,1fr) 30px;align-items:start;column-gap:14px;padding-block:22px}.workflow-number{min-width:22px;padding-top:5px}.workflow-toggle{flex-basis:30px;width:30px;height:30px}.workflow-title{font-size:21px}.workflow-description{font-size:14px}.workflow-expanded{padding-left:0}.case-section{grid-template-columns:1fr;gap:7px}.case-section p{font-size:16px}.case-visual,.case-note{margin-left:0}.case-table th,.case-table td{padding:10px}.examples-bottom{flex-direction:column;align-items:flex-start;gap:15px;padding-top:26px}}@media (forced-colors:active){.workflow-toggle,.case-table-wrap{border:1px solid canvastext}}.featured-project{border:1px solid var(--accent-border);background:linear-gradient(125deg, var(--accent-surface), transparent 60%), var(--surface-raised);border-radius:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:36px;margin-bottom:44px;padding:32px;display:grid}.featured-project .eyebrow,.workflow-intro .eyebrow{color:var(--accent-light);margin:0 0 12px}.featured-project h2{letter-spacing:-.8px;margin:0 0 18px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15}.featured-project-copy>p:not(.eyebrow),.workflow-intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.65}.featured-project-copy>.featured-project-result{color:var(--text)}.featured-project .text-link{color:var(--accent-light);margin-top:8px}.featured-project .case-visual{min-width:0;margin:0}.featured-project .case-table th,.featured-project .case-table td{padding:12px}.workflow-intro{max-width:790px;margin-bottom:24px}.workflow-intro>p:last-child{margin:0}@media (width<=960px){.featured-project{grid-template-columns:1fr;gap:24px}}@media (width<=760px){.featured-project{margin-bottom:32px;padding:22px}.featured-project .case-table th,.featured-project .case-table td{padding:9px}}@media (forced-colors:active){.featured-project{border-color:canvastext}}