.workflow-page{--workflow-accent:#73f5c1}.workflow-page .catalog-header{position:relative}.workflow-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding-top:80px;padding-bottom:80px}.workflow-hero h1{font-size:clamp(48px,6vw,86px);line-height:1.04;letter-spacing:-.04em;margin:20px 0 28px}.workflow-hero h1 span{color:var(--cyan)}.workflow-lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:760px}.workflow-footnote{font-size:13px;line-height:1.7;color:var(--muted);margin-top:20px}.workflow-path{align-self:center;padding:8px 0 8px 30px;border-left:1px solid var(--line)}.workflow-path div{padding:22px 26px;background:linear-gradient(90deg,#16172b,transparent);border-bottom:1px solid var(--line)}.workflow-path span,.workflow-index,.identity-key>span{display:block;font:11px var(--mono);letter-spacing:.1em;color:var(--cyan);margin-bottom:12px}.workflow-path strong{display:block;font:500 22px var(--heading)}.workflow-path p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:0}.workflow-section{padding:42px 0}.workflow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.workflow-card{display:flex;flex-direction:column;position:relative;background:linear-gradient(160deg,#181a2e,#0d0e1c);border:1px solid var(--line);border-top:3px solid var(--workflow-accent);border-radius:20px;padding:28px;min-width:0}.workflow-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:12px}.workflow-card-top img{border-radius:17px}.workflow-index{color:var(--muted);margin:0}.workflow-card .eyebrow{color:var(--workflow-accent);font-size:10px}.workflow-card h3{font-size:27px;line-height:1.2;margin:0 0 14px}.workflow-card h3 a{text-decoration:none}.workflow-card h3 span{color:var(--workflow-accent)}.workflow-card>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 24px}.workflow-card>.text-link{margin-top:auto;color:var(--workflow-accent);padding-top:26px}.workflow-tags{display:flex;flex-wrap:wrap;gap:8px}.workflow-tags span{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:10px var(--mono);color:var(--muted)}.workflow-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px;padding:34px;border:1px solid var(--line);background:#111426;border-radius:20px}.workflow-banner h2{font-size:29px;margin:0}.workflow-banner>p{max-width:480px;color:var(--muted);line-height:1.8;font-size:15px}.workflow-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;padding:32px 0}.workflow-breadcrumb a{text-decoration:none}.workflow-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:80px;padding:34px 0 50px}.workflow-detail-hero h1{font-size:clamp(36px,4.6vw,66px);line-height:1.08;letter-spacing:-.03em;max-width:900px;margin:18px 0 24px}.workflow-detail-hero .eyebrow{color:var(--workflow-accent)}.workflow-use-case{border-left:1px solid var(--line);padding-left:28px;align-self:center}.workflow-use-case img{border-radius:22px;margin-bottom:22px}.workflow-use-case p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.workflow-use-case>span{font:10px var(--mono);color:var(--workflow-accent);letter-spacing:.08em}.workflow-demo{background:#101224;border:1px solid #3a3d59;border-radius:20px;overflow:hidden}.demo-tabs{display:flex;background:#0c0e1b;border-bottom:1px solid var(--line);padding:8px;gap:6px}.demo-tabs button{cursor:pointer;background:transparent;border:1px solid transparent;color:var(--muted);padding:15px 20px;font:500 14px var(--body);border-radius:10px}.demo-tabs button[aria-selected=true]{background:#252b40;border-color:#4b5766;color:var(--workflow-accent)}.demo-panel{padding:30px;min-height:360px}.demo-panel h3{font-size:24px;margin:0 0 20px}.demo-panel>p{line-height:1.8}.sample-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}.sample-scroll table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;text-align:left}.sample-scroll caption{text-align:left;padding:14px 16px;background:#1b2034;color:var(--muted);font-size:12px}.sample-scroll th,.sample-scroll td{padding:16px;border-bottom:1px solid var(--line)}.sample-scroll th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--workflow-accent);background:#15192c}.sample-scroll tbody tr:last-child td{border-bottom:0}.sample-note{color:var(--muted);font-size:13px;line-height:1.75;margin:20px 0}.download-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--workflow-accent)}.code-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.copy-input{padding:10px 14px;background:#252b40;color:var(--text);border:1px solid #58657c;border-radius:8px;font:13px var(--body);cursor:pointer}.demo-panel pre{max-width:100%;overflow:auto;background:#080b15;border:1px solid var(--line);padding:20px;border-radius:12px;font:13px/1.8 var(--mono);color:#c8e8ed}.copy-status{font-size:13px;color:var(--workflow-accent)}.identity-key{border-left:3px solid var(--workflow-accent);background:#080b15;padding:20px;margin:24px 0}.identity-key code{font:14px var(--mono);overflow-wrap:anywhere}.workflow-two-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:70px}.workflow-section h2{font-size:clamp(25px,2.5vw,36px);line-height:1.2}.workflow-steps{list-style:none;padding:0;margin:30px 0}.workflow-steps li{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.workflow-steps h3{margin:0 0 10px;font-size:20px}.workflow-steps p,.coverage-list,.workflow-details p,.workflow-details li{color:var(--muted);font-size:14px;line-height:1.8}.workflow-steps p{margin:0}.workflow-template{align-self:start;padding:28px;border:1px solid #49506b;border-radius:20px;background:linear-gradient(145deg,#20243d,#111426)}.workflow-template h2{margin:12px 0 20px}.workflow-template>p,.workflow-template ul{font-size:14px;color:var(--muted);line-height:1.8}.workflow-template ul{padding-left:20px;margin:22px 0}.workflow-template .button-primary{display:flex;justify-content:space-between;font-size:14px;gap:10px}.workflow-template .text-link{display:inline-block;margin-top:20px;font-size:13px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.field-grid>div{padding:22px 0;border-top:1px solid var(--line);min-width:0}.field-grid dt{font:13px var(--mono);color:var(--workflow-accent);overflow-wrap:anywhere}.field-grid dd{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.coverage-list{padding-left:20px}.coverage-list li{padding-bottom:10px}.workflow-details{border-bottom:1px solid var(--line);padding:18px 0}.workflow-details summary{cursor:pointer;font-size:15px;line-height:1.7}.workflow-details[open] summary{color:var(--workflow-accent)}.source-notes{color:var(--muted);font-size:12px;line-height:1.8}.source-notes h2{font-size:20px}.source-notes ul{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0}.source-notes a{color:var(--muted)}
@media(max-width:1000px){.workflow-hero{gap:32px;grid-template-columns:1.2fr .8fr}.workflow-card{padding:20px}.workflow-card h3{font-size:23px}.workflow-card-top{align-items:start;flex-direction:column}.workflow-detail-hero{gap:30px;grid-template-columns:1fr 230px}.workflow-two-column{gap:32px}}
@media(max-width:720px){.workflow-hero,.workflow-detail-hero,.workflow-two-column{grid-template-columns:1fr}.workflow-hero{padding-top:38px;padding-bottom:24px;gap:30px}.workflow-hero h1{font-size:49px}.workflow-lead{font-size:17px}.workflow-path{padding-left:14px}.workflow-cards{grid-template-columns:1fr}.workflow-card-top{flex-direction:row;align-items:center}.workflow-card h3{font-size:28px}.workflow-use-case{display:none}.workflow-detail-hero{padding:12px 0 25px}.workflow-detail-hero h1{font-size:39px}.workflow-section{padding:28px 0}.workflow-banner{padding:24px}.workflow-banner h2{font-size:27px}.demo-tabs{flex-wrap:wrap}.demo-tabs button{flex:1;padding:12px 10px;font-size:11px;white-space:nowrap}.demo-panel{padding:20px;min-height:300px}.sample-scroll th,.sample-scroll td{padding:13px}.field-grid{grid-template-columns:1fr}.workflow-breadcrumb{font-size:11px;padding-top:22px}.workflow-template{padding:24px}.source-notes ul{display:block}.source-notes li{padding:4px 0}}
.workflow-page .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin:28px 0 0}.workflow-page .workflow-footnote{margin-top:18px}.workflow-page .workflow-card-top img,.workflow-page .workflow-use-case img{display:block;opacity:1}