/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
:root{--platform-header:72px;--platform-subnav:48px}
html{scroll-behavior:smooth}body{background:var(--paper)}main{padding-top:var(--platform-header)}main section{scroll-margin-top:calc(var(--platform-header) + var(--platform-subnav))}
.platform-nav{position:sticky;top:var(--platform-header);z-index:30;height:var(--platform-subnav);border-bottom:1px solid var(--border-hairline);background:var(--page-veil);backdrop-filter:blur(12px)}.platform-nav .page-shell{height:100%;display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:none}.platform-nav .page-shell::-webkit-scrollbar{display:none}.platform-nav a{flex:0 0 auto;color:var(--text-muted);font:var(--weight-medium) var(--size-body-s)/1 var(--font-sans);white-space:nowrap}.platform-nav a:hover,.platform-nav a:focus-visible{color:var(--text-strong)}
.eyebrow,.panel-label,.summary-steps>article>span,.process-grid>article>span,.deployment-grid>article>span,.pricing-grid>article>span,.metrics article>span{font:var(--weight-medium) var(--size-micro)/1 var(--font-mono);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.accent-rule{height:2px;background:linear-gradient(90deg,var(--ink-900) 0 80%,var(--sapphire-500) 80%)}
.platform-hero{border-bottom:1px solid var(--border-hairline);background:linear-gradient(135deg,var(--sapphire-100),var(--paper) 42%,var(--surface-sunken))}.platform-hero>.page-shell{padding-block:88px 72px}.platform-hero h1{max-width:17ch;margin:22px 0 0;font:var(--weight-semibold) clamp(58px,7.1vw,92px)/.94 var(--font-display);letter-spacing:var(--tracking-display);color:var(--text-strong);overflow-wrap:anywhere}.hero-lede,.section-lede{max-width:58ch;margin:26px 0 0;color:var(--text-muted);font-size:var(--size-body-l)}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--ink-900);border-radius:var(--radius-sm);font:var(--weight-semibold) var(--size-body-m)/1 var(--font-sans);white-space:nowrap;transition:var(--transition-control)}.button-primary{background:var(--ink-900);color:var(--white)}.button-primary:hover{background:var(--sapphire-600);border-color:var(--sapphire-600);color:var(--white)}.button-secondary{background:transparent;color:var(--text-strong)}.button-secondary:hover{background:var(--surface-card);color:var(--text-strong)}.button:focus-visible{outline:2px solid var(--sapphire-500);outline-offset:3px}.button:active{transform:translateY(1px)}
.summary-steps,.process-grid,.deployment-grid,.pricing-grid{display:grid;gap:1px;border:1px solid var(--border-hairline);background:var(--border-hairline);overflow:hidden}.summary-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:68px;border-radius:var(--radius-md)}.summary-steps article,.process-grid article,.deployment-grid article,.pricing-grid article{min-width:0;padding:24px;background:var(--surface-card)}.summary-steps .accent-rule{margin-bottom:17px}.summary-steps h2,.process-grid h3,.deployment-grid h3,.pricing-grid h3{margin:10px 0 8px;font:var(--text-title-s);color:var(--text-strong);letter-spacing:var(--tracking-title)}.summary-steps p,.process-grid p,.deployment-grid p,.pricing-grid p{margin:0;color:var(--text-muted)}
.section-heading{padding-top:88px}.section-heading h2,.content-section h2,.inverse-section h2{max-width:24ch;margin:16px 0 0;font:var(--weight-semibold) var(--size-display-m)/var(--lh-display) var(--font-display);letter-spacing:var(--tracking-display);color:var(--text-strong);overflow-wrap:anywhere}.how-layout{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);gap:72px;padding-block:60px 96px}.step-rail{position:sticky;top:calc(var(--platform-header) + var(--platform-subnav) + 34px);align-self:start}.step-rail a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--border-hairline);color:var(--ink-300);font:var(--text-title-s)}.step-rail a:nth-of-type(3){border-bottom:1px solid var(--border-hairline)}.step-rail a span{font:var(--text-mono-s);color:inherit}.step-rail a.active{color:var(--text-strong)}.step-rail .accent-rule{width:88px;margin-top:24px}.step-rail p{max-width:34ch;margin:16px 0 0;color:var(--text-muted)}.step-details{display:grid;gap:96px;min-width:0}.workflow-step{display:grid;gap:24px;scroll-margin-top:calc(var(--platform-header) + var(--platform-subnav) + 24px)}.workflow-step>header{display:flex;align-items:baseline;gap:12px}.workflow-step>header span{font:var(--text-mono-s);color:var(--violet-600)}.workflow-step h3{margin:0;font:var(--weight-semibold) var(--size-title-l)/var(--lh-title) var(--font-display);letter-spacing:var(--tracking-title);color:var(--text-strong)}.workflow-step>p{max-width:60ch;margin:0;color:var(--text-muted);font-size:var(--size-body-l)}
.product-panel{overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-1)}.panel-bar{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border-hairline);background:var(--surface-sunken);font:var(--text-mono-s);color:var(--text-muted)}.panel-bar time,.panel-bar span:last-child{margin-left:auto;color:var(--text-faint)}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--red-500)}.capture-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(150px,.65fr)}.capture-grid ol{counter-reset:capture;display:grid;margin:0;padding:0;list-style:none}.capture-grid li{counter-increment:capture;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-hairline)}.capture-grid li:last-child{border-bottom:0}.capture-grid li:before{content:counter(capture,decimal-leading-zero);font:var(--text-mono-s);color:var(--text-faint)}.captured{display:grid;gap:10px;align-content:start;padding:16px;border-left:1px solid var(--border-hairline);background:var(--surface-sunken)}.captured>span{font:var(--text-mono-s);color:var(--text-muted);text-transform:uppercase}.captured code,.file-tags span{padding:6px 8px;border:1px solid var(--border-hairline);border-radius:var(--radius-xs);background:var(--surface-card);font:var(--text-mono-s);color:var(--text-body)}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.question-card,.code-card{padding:24px}.question-card{display:grid;gap:16px}.question-card h4{margin:0;font:var(--text-title-s);color:var(--text-strong)}.options{display:grid;gap:8px}.options>div{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card)}.options i{flex:0 0 auto;width:12px;height:12px;border:1px solid var(--border-strong);border-radius:2px}.options .selected{border-color:var(--ink-900);background:var(--ink-900);color:var(--paper)}.options .selected i{border-color:var(--paper);background:var(--paper)}.question-card small,.illustrative{color:var(--text-muted)}.code-card{display:grid;gap:14px;align-content:start;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-sunken)}.code-card pre{max-width:100%;overflow-x:auto;margin:0;padding:14px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card)}.code-card code{font:var(--text-mono-s);line-height:1.8;color:var(--text-body)}.code-card p{margin:0;color:var(--text-muted)}
.table-scroll{max-width:100%;overflow-x:auto}.runs-table,.library-table{width:100%;border-collapse:collapse;background:var(--surface-card)}.runs-table{min-width:680px;border:1px solid var(--border-hairline)}.runs-table th,.library-table th{padding:10px 16px;background:var(--surface-sunken);font:var(--weight-medium) 11px/1 var(--font-mono);letter-spacing:var(--tracking-eyebrow);text-align:left;text-transform:uppercase;color:var(--text-muted)}.runs-table td,.library-table td{padding:14px 16px;border-top:1px solid var(--border-hairline)}.runs-table td:not(:nth-child(2)),.library-table td:not(:first-child){font:var(--text-mono-s)}.status{display:inline-flex;padding:4px 6px;border-radius:2px;font:var(--weight-medium) 11px/1 var(--font-mono);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.status.closed{background:var(--green-100);color:var(--green-600)}.status.escalated{background:var(--amber-100);color:var(--amber-600)}
.inverse-section{background:var(--ink-900);color:var(--paper)}.inverse-section>.page-shell{padding-block:96px}.inverse-section .eyebrow{color:var(--ink-400)}.inverse-section h2{color:var(--paper)}.inverse-section .section-lede{color:var(--ink-200)}.execution-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:64px;margin-top:60px}.metrics{display:grid;gap:38px;align-content:start}.metrics article{display:grid;gap:10px}.metrics .accent-rule,.pricing-grid .accent-rule{width:120px;background:linear-gradient(90deg,var(--paper) 0 80%,var(--violet-400) 80%)}.metrics article>span{color:var(--ink-400)}.metrics strong{font:var(--weight-semibold) var(--size-display-l)/1 var(--font-display);color:var(--paper)}.metrics strong small{font:var(--text-body-m);color:var(--ink-300)}.metrics>p{margin:0;color:var(--ink-300)}.execution-points{display:grid;gap:1px;border:1px solid var(--ink-700);border-radius:var(--radius-md);overflow:hidden;background:var(--ink-700)}.execution-points article{padding:24px;background:var(--ink-800)}.execution-points h3{margin:0 0 8px;font:var(--text-title-s);color:var(--paper)}.execution-points p{margin:0;color:var(--ink-200)}
.content-section>.page-shell{padding-block:96px}.content-section.sunken{border-block:1px solid var(--border-hairline);background:var(--surface-sunken)}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}.split-section h2{font-size:var(--size-display-s)}.feature-list{display:grid;gap:16px;margin-top:32px}.feature-list article{padding-top:16px;border-top:1px solid var(--border-hairline)}.feature-list h3{margin:0 0 6px;font:var(--text-title-s);color:var(--text-strong)}.feature-list p{margin:0;color:var(--text-muted)}.sop-card{margin-top:8px}.sop-body{display:grid;gap:18px;padding:24px}.sop-body h3{margin:0;font:var(--weight-semibold) var(--size-title-m)/var(--lh-title) var(--font-display);color:var(--text-strong)}.sop-body ol{display:grid;gap:12px;margin:0;padding-left:22px}.file-tags{display:flex;flex-wrap:wrap;gap:8px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border-radius:var(--radius-md)}.content-section>.page-shell>h2{max-width:26ch}.library-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:64px;align-items:start;margin-top:54px}.library-grid .feature-list{margin:0}.library-panel{display:grid;gap:24px;padding:24px}.dependency-list{display:grid;gap:12px}.dependency-list>div{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.25fr);align-items:center}.dependency-list>div>span{padding:10px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-sunken);font:var(--text-mono-s)}.dependency-list i{height:1px;background:var(--border-strong)}.dependency-list strong{display:grid;gap:4px;padding:12px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card);font:var(--weight-medium) var(--size-body-s)/1.2 var(--font-sans)}.dependency-list>div:first-child strong{border-color:var(--ink-900);background:var(--ink-900);color:var(--paper)}.dependency-list small{font:var(--text-mono-s);color:var(--text-muted)}.dependency-list>div:first-child small{color:var(--ink-300)}.library-table{min-width:480px;border-top:1px solid var(--border-hairline)}.library-table th:not(:first-child),.library-table td:not(:first-child){text-align:right}.heading-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:64px;align-items:end}.heading-split .section-lede{margin:0}.deployment-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px;border-radius:var(--radius-md)}.deployment-grid>article>span{color:var(--violet-600)}
.pricing-section h2{max-width:16ch;font-size:var(--size-display-xl)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:60px;border-color:var(--ink-700);border-radius:var(--radius-md);background:var(--ink-700)}.pricing-grid article{background:var(--ink-800)}.pricing-grid>article>span{display:block;margin-top:16px;color:var(--ink-400)}.pricing-grid h3{color:var(--paper)}.pricing-grid p{color:var(--ink-200)}.pricing-cta{display:flex;align-items:center;gap:18px;margin-top:52px}.button-light{background:var(--paper);color:var(--ink-900);border-color:var(--paper)}.button-light:hover{background:var(--sapphire-100);border-color:var(--sapphire-100);color:var(--ink-900)}.pricing-cta p{margin:0;color:var(--ink-300)}
@media(max-width:1000px){.how-layout,.execution-grid,.split-section,.library-grid,.heading-split{grid-template-columns:minmax(0,1fr)}.step-rail{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--border-hairline);background:var(--border-hairline)}.step-rail a{border:0!important;padding:16px;background:var(--surface-card)}.step-rail .accent-rule,.step-rail p{display:none}.process-grid,.deployment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-split .section-lede{margin-top:0}}
@media(max-width:900px){:root{--platform-header:64px}.platform-nav{top:var(--platform-header)}.platform-hero>.page-shell{padding-block:72px 64px}.platform-hero h1{font-size:clamp(48px,9vw,72px)}.summary-steps{grid-template-columns:minmax(0,1fr)}.section-heading{padding-top:72px}.how-layout,.content-section>.page-shell,.inverse-section>.page-shell{padding-block:56px 72px}.question-grid{grid-template-columns:minmax(0,1fr)}.capture-grid{grid-template-columns:minmax(0,1fr)}.captured{border-top:1px solid var(--border-hairline);border-left:0}.pricing-section h2{font-size:var(--size-display-l)}}
@media(max-width:600px){:root{--platform-subnav:44px}.platform-nav .page-shell{gap:22px}.platform-hero>.page-shell{padding-block:56px}.platform-hero h1{font-size:42px}.hero-lede,.section-lede,.workflow-step>p{font-size:var(--size-body-m)}.hero-actions{display:grid}.button{width:100%;box-sizing:border-box}.section-heading h2,.content-section h2,.inverse-section h2,.pricing-section h2{font-size:38px}.how-layout{gap:44px;padding-top:40px}.step-rail{grid-template-columns:minmax(0,1fr)}.step-rail a{display:flex}.step-details{gap:70px}.workflow-step h3{font-size:var(--size-title-m)}.question-card,.code-card,.library-panel{padding:18px}.panel-bar{align-items:flex-start;flex-direction:column;gap:4px;padding-block:12px}.panel-bar time,.panel-bar span:last-child{margin-left:0}.process-grid,.deployment-grid,.pricing-grid{grid-template-columns:minmax(0,1fr)}.library-grid{gap:42px}.dependency-list>div{grid-template-columns:minmax(0,1fr)}.dependency-list i{width:1px;height:16px;margin-left:20px}.heading-split{gap:20px}.pricing-cta{align-items:flex-start;flex-direction:column}.pricing-cta .button{width:auto}.site-footer{padding-top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}