.product-page{--product-border:rgba(var(--on-surface), .16);--product-border-strong:rgba(var(--on-surface), .22);--product-muted:rgba(var(--on-surface), .72);--product-soft:color-mix(in srgb, rgb(var(--surface)) 95%, rgb(var(--primary-soft)) 5%);--product-shadow:var(--shadow-1);--product-page-max-width:62rem;--product-visual-min-height:8rem;--product-metric-min-height:7.5rem;--product-step-min-height:9rem;--product-accent-line-width:3px;--product-hero-image-max-width:min(100%, 24rem);--product-hero-image-mobile-max-width:var(--product-hero-image-max-width);gap:var(--space-6);max-width:var(--product-page-max-width);flex-direction:column;display:flex}.product-hero{gap:var(--space-5);grid-template-columns:1.2fr .8fr;padding:0;display:grid}.product-hero--text-only{grid-template-columns:1fr}.product-eyebrow{color:rgb(var(--primary));font-size:var(--font-size-label);letter-spacing:.05rem;margin:0;font-weight:600}.product-hero-copy h1{font-size:var(--font-size-heading-md);margin:0;font-weight:300;line-height:1.2}.product-lead{color:var(--product-muted);margin:var(--space-4) 0 0}.product-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.product-pill-list{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.product-pill-list li{border:1px solid var(--product-border);font-size:var(--font-size-small);padding-block:var(--space-1);padding-inline:calc(var(--space-2) + var(--space-1) / 2);background:0 0;border-radius:999px;margin:0}.product-hero-visual{align-items:center;gap:var(--space-3);justify-items:center;padding:0;display:grid}.product-hero-visual img{border-radius:var(--radius-3);height:var(--space-8);width:var(--space-8)}.product-hero-visual--framed{width:100%}.product-hero-visual--framed img{background:rgb(var(--surface));border:1px solid var(--product-border);border-radius:var(--radius-3);box-shadow:var(--shadow-1);height:auto;max-width:var(--product-hero-image-max-width);width:100%;margin-inline:auto;display:block}.product-visual-frame{background:rgb(var(--surface));border:1px solid var(--product-border);border-radius:var(--radius-3);box-shadow:var(--shadow-1);gap:calc(var(--space-2) + var(--space-1) / 2);min-height:var(--product-visual-min-height);padding:var(--space-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.product-section{border-top:1px solid var(--product-border-strong);padding-top:var(--space-5)}.product-section-head{margin-bottom:var(--space-4)}.product-section-head h2{font-size:var(--font-size-title);margin:calc(var(--space-1) + var(--space-1) / 2) 0 0;line-height:1.35}.product-section-label{color:var(--brand);font-size:var(--font-size-label);letter-spacing:.06rem;text-transform:uppercase;margin:0;font-weight:600}.product-feature-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-plain-list{border-top:1px solid var(--product-border);margin:0;padding:0;list-style:none;display:grid}.product-plain-item{border-bottom:1px solid var(--product-border);gap:var(--space-2);padding-block:var(--space-4);display:grid}.product-plain-item h3{font-size:var(--font-size-body-plus);margin:0;line-height:1.4}.product-plain-item p{color:var(--product-muted);font-size:var(--font-size-small);max-width:56rem;margin:0;line-height:1.7}.product-surface-card{background:rgb(var(--surface));border:1px solid var(--product-border);border-radius:var(--radius-3);box-shadow:var(--product-shadow);padding:var(--space-4)}.product-card h3,.product-card h2{font-size:var(--font-size-body);margin:0;line-height:1.4}.product-card p{color:var(--product-muted);font-size:var(--font-size-small);margin:calc(var(--space-2) + var(--space-1) / 2) 0 0;line-height:1.65}.product-step-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.product-step-item{box-shadow:var(--product-shadow);min-height:var(--product-step-min-height)}.product-step-item h3{font-size:var(--font-size-small);margin:calc(var(--space-2) + var(--space-1) / 2) 0 0}.product-step-item p{color:var(--product-muted);font-size:var(--font-size-small);margin:var(--space-2) 0 0}.product-step-index{background:rgb(var(--primary));color:rgb(var(--on-primary));font-size:var(--font-size-label);height:calc(var(--space-4) + var(--space-1) + var(--space-1) / 2);width:calc(var(--space-4) + var(--space-1) + var(--space-1) / 2);border-radius:999px;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.product-status-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.product-card-accent{background:color-mix(in srgb, rgb(var(--surface)) 97%, rgb(var(--primary-soft)) 3%);border-left:var(--product-accent-line-width) solid rgba(var(--primary), .34)}.product-status-sub{font-size:var(--font-size-small);margin-top:var(--space-2)}.product-check-list{margin:calc(var(--space-2) + var(--space-1) / 2) 0 0;padding-left:calc(var(--space-4) + var(--space-1) / 2)}.product-check-list li+li{margin-top:calc(var(--space-1) + var(--space-1) / 2)}.product-link-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-link-rows{border-top:1px solid var(--product-border);margin:0;padding:0;list-style:none}.product-link-rows li{border-bottom:1px solid var(--product-border);gap:var(--space-1);padding-block:var(--space-4);display:grid}.product-link-rows a{color:rgb(var(--on-surface));font-size:var(--font-size-body-plus);font-weight:600;line-height:1.4;text-decoration:none}.product-link-rows a:hover{color:rgb(var(--primary))}.product-link-rows span{color:var(--product-muted);font-size:var(--font-size-small);line-height:1.7}.product-ordered-list{padding-left:calc(var(--space-4) + var(--space-1) / 2);margin:0}.product-ordered-list li{color:rgb(var(--on-surface));font-size:var(--font-size-body);line-height:1.8}.product-ordered-list li+li{margin-top:var(--space-2)}.product-inline-note{color:var(--product-muted);font-size:var(--font-size-small);margin:var(--space-4) 0 0;line-height:1.7}.product-inline-code{background:color-mix(in srgb, rgb(var(--surface)) 92%, rgb(var(--primary-soft)) 8%);border:1px solid var(--product-border);border-radius:var(--radius-3);font-size:var(--font-size-small);margin:var(--space-4) 0 0;padding:var(--space-4);line-height:1.7;overflow-x:auto}.product-inline-code code{white-space:pre;line-height:1.3;display:block}.product-figure{margin:0}.product-figure img{background:rgb(var(--surface));border:1px solid var(--product-border);border-radius:var(--radius-3);box-shadow:var(--shadow-1);width:100%;height:auto;display:block}.product-figure figcaption{color:var(--product-muted);font-size:var(--font-size-small);margin-top:var(--space-3);line-height:1.7}.product-link-card{background:rgb(var(--surface));border:1px solid var(--product-border);border-radius:var(--radius-3);box-shadow:var(--product-shadow);color:rgb(var(--on-surface));gap:var(--space-2);padding:var(--space-4);text-decoration:none;display:grid}.product-link-card strong{font-size:var(--font-size-body);line-height:1.4}.product-link-card span{color:var(--product-muted);font-size:var(--font-size-small);line-height:1.6}@media (hover:hover){.product-surface-card{transition:transform .16s,border-color .16s,box-shadow .16s}.product-surface-card:hover{border-color:rgba(var(--primary), .32);box-shadow:var(--shadow-2);transform:translateY(-1px)}.product-link-card{transition:transform .16s,border-color .16s,box-shadow .16s}.product-link-card:hover{border-color:rgba(var(--primary), .32);box-shadow:var(--shadow-2);transform:translateY(-1px)}}@media (width<=767.98px){.product-page{gap:var(--space-5)}.product-hero-copy h1{font-weight:400}.product-hero{padding:var(--space-4);grid-template-columns:1fr}.product-hero-visual--framed img{max-width:var(--product-hero-image-mobile-max-width)}.product-feature-grid,.product-step-grid,.product-status-grid,.product-link-list{grid-template-columns:1fr}.product-step-item{min-height:auto}.product-section{padding-top:var(--space-4)}}.product-page--markdown-upload-importer{--product-border:#244c3d29;--product-border-strong:#244c3d3d;--product-muted:rgba(var(--on-surface), .72);--mui-soft-green:#e4ede6;--product-soft:color-mix(in srgb, rgb(var(--surface)) 88%, var(--mui-soft-green) 12%);--product-shadow:var(--shadow-1);--product-page-max-width:64rem;--product-hero-image-mobile-max-width:min(100%, 18rem)}.marklane-example-table{border:1px solid var(--product-border);margin-top:var(--space-4);overflow:hidden}.marklane-example-table__head{background:color-mix(in srgb, rgb(var(--surface)) 92%, rgb(var(--primary-soft)) 8%);grid-template-columns:minmax(9rem,.65fr) repeat(2,minmax(0,1fr));display:grid}.marklane-example-table__head p{color:var(--product-muted);font-size:var(--font-size-label);padding:var(--space-2) var(--space-3);margin:0;font-weight:600}.marklane-example-table__head p:nth-child(2){background:rgb(var(--surface))}.marklane-example-table__head p+p{border-left:1px solid var(--product-border)}.marklane-example-introduction{max-width:56rem}.marklane-example{border-top:1px solid var(--product-border);grid-template-columns:minmax(9rem,.65fr) repeat(2,minmax(0,1fr));display:grid}.marklane-example__head{padding:var(--space-2) var(--space-3)}.marklane-example__head h3{font-size:var(--font-size-body);margin:0;line-height:1.4}.marklane-example__head p{color:var(--product-muted);font-size:var(--font-size-small);margin:var(--space-1) 0 0;line-height:1.55}.marklane-example__pane{border-left:1px solid var(--product-border);grid-template-rows:auto 1fr;min-width:0;display:grid}.marklane-example__pane--source{background:color-mix(in srgb, rgb(var(--surface)) 92%, rgb(var(--primary-soft)) 8%)}.marklane-example__pane--result{background:rgb(var(--surface))}.marklane-example__label{clip:rect(0 0 0 0);clip-path:inset(50%);color:var(--product-muted);font-size:var(--font-size-label);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;font-weight:600;position:absolute;overflow:hidden}.marklane-example__pane pre{font-size:var(--font-size-small);min-width:0;padding:var(--space-3);background:0 0;border:0;border-radius:0;margin:0;line-height:1.55;overflow-x:auto}.marklane-example__pane code{color:rgb(var(--on-surface));white-space:pre;background:0 0;padding:0}.marklane-example__preview{padding:var(--space-2) var(--space-3);align-items:center;display:grid}.marklane-example__flow{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr);display:grid}.marklane-example__flow-node{background:var(--product-soft);border:1px solid var(--product-border-strong);border-radius:var(--radius-2);font-size:var(--font-size-label);min-height:4rem;padding:var(--space-2);text-align:center;justify-content:center;align-items:center;line-height:1.45;display:flex}.marklane-example__flow-arrow{color:rgb(var(--primary));width:2rem;height:1rem;display:block}.marklane-example__flow-arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.marklane-example__callout{background:var(--state-info-bg);border:1px solid var(--state-info-border);border-left:var(--space-1) solid var(--state-info-text);padding:var(--space-2) var(--space-3);border-radius:4px;margin:0}.marklane-example__callout strong{color:var(--state-info-text);font-size:var(--font-size-small);display:block}.marklane-example__callout p{color:rgb(var(--on-surface));font-size:var(--font-size-small);margin:var(--space-2) 0 0;line-height:1.65}.marklane-example__callout--warning{background:var(--state-warn-bg);border-color:var(--state-warn-border);border-left-color:var(--state-warn-text)}.marklane-example__callout--warning strong{color:var(--state-warn-text)}.marklane-example__math{justify-content:center;align-items:center;display:flex}.marklane-example__math math{font-size:var(--font-size-title);max-width:100%}@media (width<=767.98px){.marklane-example-table__head{display:none}.marklane-example{grid-template-columns:1fr}.marklane-example__pane{border-left:0;border-top:1px solid var(--product-border)}.marklane-example__label{border-bottom:1px solid var(--product-border);clip:auto;clip-path:none;height:auto;padding:var(--space-2) var(--space-3);white-space:normal;width:auto;margin:0;position:static;overflow:visible}.marklane-example__flow{gap:var(--space-2);grid-template-columns:1fr}.marklane-example__flow-arrow{justify-self:center;transform:rotate(90deg)}}
