@layer tokens, reset, base, migrated, layout, components, sections, responsive;@layer tokens{:root{ /* Ink / neutral */ --color-ink-950:#0B1220;--color-ink-800:#1D2939;--color-steel-600:#566176;--color-steel-400:#8B95A6; /* Brand */ --color-brand-700:#1746C8;--color-brand-600:#245BEB;--color-brand-500:#3974F6;--color-brand-100:#EAF0FF; /* AI signal */ --color-ai:#16A6A1;--color-ai-100:#E4F5F4; /* Surfaces */ --color-mist-50:#F7F9FC;--color-surface:#FFFFFF;--color-border:#E3E8EF;--color-border-strong:#CFD6E2; /* Semantic */ --color-success:#16825D;--color-success-100:#E5F3ED; --color-warning:#B66A00;--color-warning-100:#FBF0E0; --color-error:#C63838;--color-error-100:#FAE9E9; /* Dark section */ --color-dark-bg:#0B1220;--color-dark-text:#B9C3D1;--color-dark-accent:#5E86FF;--color-dark-ai:#39BDB5; --color-dark-border:#1E2A3D;--color-dark-surface:#111A2B; /* Gradient — data flow only, 8–20% opacity */ --gradient-data:linear-gradient(90deg,#245BEB,#16A6A1); /* @kind other */ /* Semantic aliases */ --text-primary:var(--color-ink-950);--text-heading:var(--color-ink-800);--text-body:var(--color-steel-600); --text-muted:var(--color-steel-400);--text-inverse:#FFFFFF;--text-link:var(--color-brand-600);--text-link-hover:var(--color-brand-700); --surface-page:var(--color-surface);--surface-alt:var(--color-mist-50);--surface-card:var(--color-surface); --surface-info:var(--color-brand-100);--surface-ai:var(--color-ai-100); --border-default:var(--color-border);--border-focus:var(--color-brand-600); --focus-ring:0 0 0 3px rgba(36,91,235,.12); --action-primary:var(--color-brand-600);--action-primary-hover:var(--color-brand-700); --status-validated:var(--color-success);--status-processing:var(--color-brand-600); --status-ai:var(--color-ai);--status-review:var(--color-warning);--status-failed:var(--color-error); /* Charts — never arbitrary colors */ --chart-1:#245BEB;--chart-2:#3974F6;--chart-3:#16A6A1;--chart-4:#566176; }:root{ --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600; --text-display-size:64px;--text-display-line:68px;--text-display-tracking:-.035em; --text-h2-size:48px;--text-h2-line:54px;--text-h2-tracking:-.025em; --text-h3-size:30px;--text-h3-line:38px;--text-h3-tracking:-.015em; --text-h4-size:22px;--text-h4-line:30px;--text-h4-tracking:0em; --text-lead-size:20px;--text-lead-line:30px; --text-body-size:16px;--text-body-line:26px; --text-small-size:14px;--text-small-line:21px; --text-label-size:12px;--text-label-line:16px;--text-label-tracking:.06em; --measure-paragraph:660px; }@media (max-width:639px){:root{ --text-display-size:42px;--text-display-line:46px; --text-h2-size:34px;--text-h2-line:40px; --text-h3-size:24px;--text-h3-line:32px; --text-body-line:25px; }}:root{ --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px; --space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px; --section-padding:120px;--section-padding-sm:88px;--section-padding-xs:64px; --breakpoint-sm:640px;--breakpoint-lg:1024px;--breakpoint-xl:1440px; }:root{ --radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px; --radius-control:var(--radius-sm);--radius-card:var(--radius-md);--radius-card-lg:var(--radius-lg);--radius-screenshot:var(--radius-xl); }:root{ --shadow-xs:0 1px 2px rgba(16,24,40,.04); --shadow-md:0 12px 28px rgba(16,24,40,.08); --border-hairline:1px solid var(--color-border); }:root{ --duration-fast:170ms; /* @kind other */ --duration-ui:225ms; /* @kind other */ --duration-reveal:400ms; /* @kind other */ --ease-standard:cubic-bezier(.2,.8,.2,1); /* @kind other */ --transition-control:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard); }@media (prefers-reduced-motion:reduce){:root{ --duration-fast:1ms; /* @kind other */ --duration-ui:1ms; /* @kind other */ --duration-reveal:1ms; /* @kind other */ }}:root{ /* Project-only values. Core visual tokens come directly from _ds/tokens. */ --color-dark-surface-alt: #0f1726; --color-line-soft: #f0f3f8; --color-row-alt: #fbfcfe; --color-warning-soft: #fdf4e7; --container-lg: 1040px; --container-md: 880px; --breakpoint-nav: 1120px; --shadow-overlay: 0 18px 38px rgba(16, 24, 40, 0.12); --z-header: 50; --z-dropdown: 60; --z-overlay: 80; }}@layer reset{*,*::before,*::after{ box-sizing: border-box; }html{ scroll-behavior: smooth; }body{ margin: 0; }img,svg,video,canvas{ max-width: 100%; }button,input,select,textarea{ font: inherit; }button,a{ -webkit-tap-highlight-color: transparent; }[hidden]{ display: none; }}@layer base{*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin:0}h1{font-size:var(--text-display-size);line-height:var(--text-display-line);letter-spacing:var(--text-display-tracking)}h2{font-size:var(--text-h2-size);line-height:var(--text-h2-line);letter-spacing:var(--text-h2-tracking)}h3{font-size:var(--text-h3-size);line-height:var(--text-h3-line);letter-spacing:var(--text-h3-tracking)}h4{font-size:var(--text-h4-size);line-height:var(--text-h4-line)}p{margin:0;max-width:var(--measure-paragraph);text-wrap:pretty}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}code,kbd,samp,.mono{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.eyebrow{font-size:var(--text-label-size);line-height:var(--text-label-line);letter-spacing:var(--text-label-tracking);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--color-brand-600)}.lead{font-size:var(--text-lead-size);line-height:var(--text-lead-line);color:var(--text-body)}.ds-icon svg{width:100%;height:100%;display:block}body{ min-width: 320px; overflow-x: hidden; color: var(--text-primary); background: var(--surface-page); font-family: var(--font-sans); font-size: var(--text-body-size); line-height: var(--text-body-line); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }main,#dc-root > .sc-host > :first-child{ background-color: var(--surface-page); }body > main,body > #dc-root,main > #dc-root{ min-height: calc(100vh - var(--header-height, 72px)); min-height: calc(100svh - var(--header-height, 72px)); }body.family-component-preview{ background: var(--surface-alt); }a{ color: var(--text-link); text-decoration: none; }a:hover{ color: var(--text-link-hover); }:focus-visible{ outline: 2px solid var(--border-focus); outline-offset: 2px; }code,kbd,samp,.mono{ font-family: var(--font-mono); }x-dc{ display: block; }x-dc sc-for,x-dc sc-if,x-dc x-import,x-dc dc-import,x-dc [style*="@{{"]{ visibility: hidden; }#dc-root,#dc-root > .sc-host{ min-width: 0; }.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.skip-link{ position: fixed; left: var(--space-4); top: var(--space-4); z-index: var(--z-overlay); padding: 10px 14px; border-radius: var(--radius-sm); background: var(--color-ink-950); color: var(--color-surface); transform: translateY(-160%); transition: transform var(--duration-fast) var(--ease-standard); }.skip-link:focus{ color: var(--color-surface); transform: translateY(0); }}@layer migrated{.u-0466783d98{ width:100% }.u-2a1b75c911{ display:block }.u-2d7a411099{ width:100%;background:var(--color-surface) }.u-49bd18c7a1{ display:grid;gap:10px;padding-right:16px }.u-55e55ce92c{ display:flex;align-items:center;gap:10px;margin-bottom:22px }.u-58df6734bd{ display:block;flex:0 0 30px }.u-a3e5352da0{ margin:24px 0 0;font-size:20px;line-height:30px;color:var(--color-ink-800);max-width:560px;text-wrap:pretty }.u-a848659135{ font-family:"IBM Plex Mono",monospace;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-600);font-weight:600 }.u-ab28f8ddf3{ margin:20px 0 0;font-size:16px;line-height:26px;color:var(--color-steel-600);max-width:560px;text-wrap:pretty }.u-b451433ec8{ width:100%;height:28px;display:block }.u-bb6a43fd28{ position:absolute }.u-d2377eca56{ display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:0 }.u-d9e1fcd45d{ font-size:15px;font-weight:600;color:var(--color-brand-600) }.u-dca62d39ed{ font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-steel-400) }.u-f718a4320b{ display:flex;align-items:center;gap:0;height:9px }.u-fd0cc2b9e2{ position:absolute;inset:0;overflow:hidden;pointer-events:none }.u-fec0d97b3b{ margin:0;font-size:64px;line-height:68px;letter-spacing:-0.035em;font-weight:600;color:var(--color-ink-950);max-width:540px;text-wrap:pretty }}@layer layout{:root{--container-width:1240px;--grid-gap:24px;--grid-columns:12; /* @kind other */--header-height:72px;--control-height:48px;--control-height-sm:36px}.container{width:min(calc(100% - 64px),var(--container-width));margin-inline:auto}@media (max-width:1023px){.container{width:calc(100% - 48px)}}@media (max-width:639px){.container{width:calc(100% - 40px)}}.section{padding-block:var(--section-padding)}@media (max-width:1023px){.section{padding-block:var(--section-padding-sm)}}@media (max-width:639px){.section{padding-block:var(--section-padding-xs)}}.section-alt{background:var(--surface-alt)}.section-dark{background:var(--color-dark-bg);color:#fff}.section-dark p{color:var(--color-dark-text)}.section-dark .accent{color:var(--color-dark-accent)}.section-dark .ai{color:var(--color-dark-ai)}.site-header{ font-family: var(--font-sans); position: sticky; top: 0; z-index: var(--z-header); border-bottom: 1px solid var(--color-border); background: var(--color-surface); transition: box-shadow var(--duration-ui) var(--ease-standard); }.site-header[data-scrolled="true"]{ box-shadow: var(--shadow-xs); }.site-header__inner,.site-footer__inner,.breadcrumbs__list{ width: 100%; max-width: var(--container-width); margin-inline: auto; padding-inline: var(--space-8); }.site-header__inner{ min-height: var(--header-height); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }.site-header__brand{ display: flex; flex: 0 1 auto; min-width: 0; }.site-header__brand img{ display: block; width: auto; height: 40px; object-fit: contain; }.site-header__actions{ display: flex; align-items: center; gap: var(--space-4); flex: 0 0 auto; }.site-header__search{ width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; border: 0; border-radius: var(--radius-sm); padding: 0; background: transparent; color: var(--color-steel-600); cursor: pointer; }.site-header__search:hover,.site-header__search:focus-visible{ background: var(--surface-alt); color: var(--color-brand-600); }.site-header__locale{ min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 0 10px; background: var(--color-surface); color: var(--color-steel-600); font-family: var(--font-sans); font-size: 12px; font-weight: var(--font-weight-semibold); line-height: 1; white-space: nowrap; }.site-header__locale-menu{ position: relative; }.site-header__locale-menu > .site-header__locale{ cursor: pointer; }.site-header__locale-options{ position: absolute; top: calc(100% + 10px); right: 0; z-index: var(--z-dropdown); min-width: 170px; padding: 8px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); box-shadow: var(--shadow-md); }.site-header__locale-options a,.site-header__locale-options span{ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 10px; border-radius: 6px; color: var(--color-ink-800); font-size: 13px; }.site-header__locale-options a:hover{ background: var(--surface-alt); color: var(--color-brand-600); }.site-header__signin{ color: var(--color-ink-800); font-size: 15px; font-weight: var(--font-weight-medium); white-space: nowrap; }.site-header__signin[aria-disabled="true"]{ cursor: default; }.site-header__menu{ display: none; width: 40px; height: 40px; padding: 0; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink-800); }.site-header__menu-lines,.site-header__menu-lines::before,.site-header__menu-lines::after{ display: block; width: 18px; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform var(--duration-ui) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard); }.site-header__menu-lines{ position: relative; }.site-header__menu-lines::before,.site-header__menu-lines::after{ content: ""; position: absolute; left: 0; }.site-header__menu-lines::before{ top: -6px; }.site-header__menu-lines::after{ top: 6px; }.site-header__menu[aria-expanded="true"] .site-header__menu-lines{ background: transparent; }.site-header__menu[aria-expanded="true"] .site-header__menu-lines::before{ transform: translateY(6px) rotate(45deg); }.site-header__menu[aria-expanded="true"] .site-header__menu-lines::after{ transform: translateY(-6px) rotate(-45deg); }.site-footer{ font-family: var(--font-sans); border-top: 1px solid var(--color-dark-border); padding: 72px 0 var(--space-10); background: var(--color-dark-bg); }.site-footer__lead{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-8); padding-bottom: var(--space-10); }.site-footer__grid{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); padding-top: var(--space-10); }.site-footer__brand img{ display: block; width: 220px; height: auto; filter: brightness(0) invert(1); }.site-footer__brand p{ max-width: 260px; margin: 20px 0 0; color: var(--color-steel-400); font-size: 14px; line-height: 22px; }.site-footer__explore{ border: 1px solid var(--color-dark-border); border-radius: var(--radius-sm); padding: 12px 16px; background: var(--color-dark-surface); color: var(--color-surface); font-size: 14px; font-weight: var(--font-weight-semibold); cursor: pointer; }.site-footer__title{ margin: 0 0 var(--space-4); color: var(--color-steel-600); font-family: var(--font-mono); font-size: 11px; font-weight: var(--font-weight-regular); line-height: 26px; letter-spacing: 0.06em; text-transform: uppercase; }.site-footer__links{ display: grid; gap: 10px; }.site-footer__links a{ color: var(--color-dark-text); font-family: var(--font-sans); font-size: 14px; font-weight: var(--font-weight-regular); line-height: 26px; }.site-footer__links button{ justify-self: start; border: 0; padding: 4px 0 0; background: transparent; color: var(--color-dark-accent); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }.site-footer__links a:hover{ color: var(--color-surface); }.site-footer__bottom{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap; margin-top: 56px; padding-top: var(--space-6); border-top: 1px solid var(--color-dark-border); color: var(--color-steel-600); font-size: 13px; }.site-footer__bottom span:last-child{ font-family: var(--font-mono); font-size: 12px; }}@layer components{.button{ min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius-sm); padding-inline: 18px; font-size: 15px; font-weight: var(--font-weight-semibold); line-height: 1; white-space: nowrap; transition: var(--transition-control), transform var(--duration-fast) var(--ease-standard); }.button:hover{ transform: translateY(-1px); }.button--primary{ background: var(--action-primary); color: var(--color-surface); }.button--primary:hover{ background: var(--action-primary-hover); color: var(--color-surface); }.button--lg{ min-height: 48px; padding-inline: 22px; }.button--md{ min-height: 40px; }.site-nav{ min-width: 0; display: flex; align-items: center; justify-content: center; gap: 20px; flex: 1 1 auto; }.site-nav__item{ height: var(--header-height); display: flex; align-items: center; }.site-nav__primary{ display: inline-flex; align-items: center; gap: 7px; border: 0; padding: 8px 2px; background: transparent; color: var(--color-steel-600); font-family: var(--font-sans); font-size: 15px; font-weight: var(--font-weight-medium); line-height: var(--text-body-line); white-space: nowrap; cursor: pointer; }.site-nav__direct{ color: var(--color-steel-600); font-family: var(--font-sans); font-size: 15px; font-weight: var(--font-weight-medium); line-height: var(--text-body-line); white-space: nowrap; }.site-nav__primary:hover,.site-nav__primary[aria-expanded="true"],.site-nav__direct:hover{ color: var(--color-brand-600); }.site-nav__chevron{ width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform var(--duration-ui) var(--ease-standard); }.site-nav__primary[aria-expanded="true"] .site-nav__chevron{ transform: translateY(2px) rotate(225deg); }.site-nav__panel{ position: absolute; inset: 100% 0 auto; z-index: var(--z-dropdown); max-height: calc(100dvh - var(--header-height)); overflow-y: auto; visibility: hidden; opacity: 0; transform: translateY(-6px); border-top: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-md); pointer-events: none; transition: opacity var(--duration-ui) var(--ease-standard), transform var(--duration-ui) var(--ease-standard), visibility 0s linear var(--duration-ui); }.site-nav__item[data-open="true"] .site-nav__panel{ visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; transition-delay: 0s; }.site-nav__panel-inner{ width: 100%; max-width: var(--container-width); margin-inline: auto; padding-inline: var(--space-8); }.site-nav__curated-mega{ padding-top: 0; }.site-nav__curated-grid[data-column-count="3"]{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.site-nav__curated-grid[data-column-count="4"]{ grid-template-columns: repeat(4, minmax(0, 1fr)); }.site-nav__panel-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }.site-nav__column{ min-width: 0; display: grid; align-content: start; gap: 28px; padding: 36px 28px 44px; }.site-nav__column + .site-nav__column{ border-left: 1px solid var(--color-border); }.site-nav__column:last-child{ background: var(--surface-alt); }.site-nav__curated-column{ gap: 28px; padding: 36px 28px 44px; background: transparent; }.site-nav__curated-column:last-child{ background: var(--surface-alt); }.site-nav__group{ min-width: 0; }.site-nav__title{ margin: 0 0 10px; color: var(--text-muted); font-family: var(--font-mono); font-size: 11px; font-weight: var(--font-weight-regular); line-height: var(--text-body-line); letter-spacing: 0.06em; text-transform: uppercase; }.site-nav__links{ display: grid; gap: 1px; }.site-nav__link{ display: block; padding: 5px 0; color: var(--color-brand-600); font-family: var(--font-sans); font-size: 15px; font-weight: var(--font-weight-regular); line-height: 23px; }.site-nav__curated-mega .site-nav__link{ color: var(--color-brand-600); font-size: 15px; line-height: 23px; }.site-nav__link:hover{ color: var(--color-brand-600); }.site-nav__panel-footer{ display: flex; justify-content: flex-end; padding: 14px 24px; border-top: 1px solid var(--color-border); }.site-nav__mega-footer{ justify-content: flex-end; gap: 24px; min-height: 0; padding: 14px 24px; border: 0; border-top: 1px solid var(--color-border); border-radius: 0; background: transparent; }.site-nav__panel-footer button{ border: 0; padding: 4px 0; background: transparent; color: var(--color-brand-600); font: inherit; font-size: 13px; font-weight: var(--font-weight-semibold); cursor: pointer; }.site-nav__secondary-action{ margin-left: auto; border: 0; padding: 4px 0; background: transparent; color: var(--color-brand-700); font: inherit; font-size: 13px; font-weight: var(--font-weight-semibold); cursor: pointer; }.mobile-nav{ position: absolute; inset: 100% 0 auto; max-height: calc(100dvh - var(--header-height)); overflow-y: auto; border-top: 1px solid var(--color-border); background: var(--color-surface); box-shadow: var(--shadow-overlay); }.mobile-nav__inner{ width: min(calc(100% - 48px), var(--container-lg)); margin-inline: auto; padding: var(--space-6) 0 var(--space-8); }.mobile-nav__view h2{ margin: 4px 0 20px; color: var(--color-ink-950); font-size: 25px; line-height: 32px; }.mobile-nav__eyebrow{ margin: 0; color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }.mobile-nav__rows,.mobile-nav__page-links{ display: grid; border-top: 1px solid var(--color-border); }.mobile-nav__row,.mobile-nav__page-link{ min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); border: 0; border-bottom: 1px solid var(--color-border); padding: 10px 2px; background: transparent; color: var(--color-ink-800); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }.mobile-nav__page-link{ justify-content: flex-start; color: var(--color-steel-600); font-size: 14px; }.mobile-nav__groups{ display: grid; gap: 24px; }.mobile-nav__group-title{ margin: 0 0 7px; color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; line-height: 16px; letter-spacing: .06em; text-transform: uppercase; }.mobile-nav__group .mobile-nav__page-links{ border-top: 1px solid var(--color-border); }.mobile-nav__back{ border: 0; padding: 5px 0; background: transparent; color: var(--color-brand-600); font: inherit; font-size: 14px; cursor: pointer; }.mobile-nav__explore-all{ margin-top: 20px; border: 0; padding: 7px 0; background: transparent; color: var(--color-brand-600); font: inherit; font-weight: var(--font-weight-semibold); cursor: pointer; }.mobile-nav__view-actions{ display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--color-border); }.mobile-nav__view-actions button,.mobile-nav__view-actions a{ border: 0; padding: 5px 0; background: transparent; color: var(--color-brand-600); font: inherit; font-size: 13px; font-weight: var(--font-weight-semibold); cursor: pointer; }.mobile-nav__utilities{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--color-border); }.mobile-nav__explore-all{ min-height: 44px; display: inline-flex; align-items: center; gap: 8px; margin: 0; }.mobile-nav__signin{ min-height: 44px; display: inline-flex; align-items: center; justify-content: flex-end; color: var(--color-ink-800); font-size: 14px; font-weight: var(--font-weight-medium); }.mobile-nav__locale{ min-height: 44px; justify-self: start; }.mobile-nav__cta{ grid-column: 1 / -1; margin-top: 2px; }.explore{ position: fixed; inset: 0; z-index: var(--z-overlay); }.explore__backdrop{ position: absolute; inset: 0; border: 0; background: rgba(11, 18, 32, .55); cursor: pointer; }.explore__surface{ position: absolute; inset: 20px; max-width: 1440px; margin-inline: auto; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-overlay); }.explore__header{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-6); padding: 24px 30px 14px; }.explore__header h2{ margin: 2px 0 0; color: var(--color-ink-950); font-size: 31px; line-height: 38px; }.explore__eyebrow{ margin: 0; color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }.explore__close{ width: 40px; height: 40px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink-800); font-size: 28px; line-height: 1; cursor: pointer; }.explore__search-wrap{ padding: 0 30px 16px; }.explore__search-wrap label{ display: block; margin-bottom: 7px; color: var(--color-steel-600); font-size: 12px; font-weight: var(--font-weight-semibold); }.explore__search-control{ min-height: 48px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); padding: 0 14px; }.explore__search-control:focus-within{ border-color: var(--border-focus); box-shadow: var(--focus-ring); }.explore__search-control input{ min-width: 0; flex: 1; border: 0; padding: 11px 0; outline: 0; box-shadow: none; font: inherit; }.explore__search-control input:focus{ border: 0; box-shadow: none; }.explore__search-control button{ border: 0; padding: 6px; background: transparent; color: var(--color-brand-600); font: inherit; font-size: 13px; cursor: pointer; }.explore__tabs{ display: flex; gap: 6px; overflow-x: auto; padding: 0 30px 14px; border-bottom: 1px solid var(--color-border); scrollbar-width: thin; }.explore__tabs button{ flex: 0 0 auto; border: 1px solid var(--color-border); border-radius: var(--radius-pill); padding: 7px 12px; background: var(--color-surface); color: var(--color-steel-600); font: inherit; font-size: 12px; cursor: pointer; }.explore__tabs button[aria-selected="true"]{ border-color: var(--color-brand-600); background: var(--color-brand-100); color: var(--color-brand-700); }.explore__status{ margin: 0; padding: 10px 30px; color: var(--text-muted); font-family: var(--font-mono); font-size: 11px; }.explore__directory{ min-height: 0; flex: 1; overflow-y: auto; padding: 4px 30px 36px; }.explore__section{ padding: 22px 0 28px; border-top: 1px solid var(--color-border); }.explore__section:first-child{ border-top: 0; }.explore__section > h3{ margin: 0 0 16px; color: var(--color-ink-950); font-size: 21px; }.explore__section-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }.explore__group{ min-width: 0; }.explore__group h4{ margin: 0 0 8px; color: var(--text-muted); font-family: var(--font-mono); font-size: 10px; line-height: 16px; letter-spacing: .05em; text-transform: uppercase; }.explore__group ul{ margin: 0; padding: 0; list-style: none; }.explore__group li{ margin: 0; }.explore__link{ display: block; padding: 5px 0; color: var(--color-ink-800); font-size: 13px; line-height: 19px; }.explore__link:hover{ color: var(--color-brand-600); }.explore__empty{ padding: 32px 0; color: var(--color-steel-600); }.breadcrumbs{ border-bottom: 1px solid var(--color-border); background: var(--color-surface); }.breadcrumbs__list{ min-height: 45px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-block: 12px; list-style: none; color: var(--text-muted); font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }.breadcrumbs__list li{ display: inline-flex; align-items: center; gap: 10px; }.breadcrumbs__list li + li::before{ content: "/"; color: var(--color-border-strong); }.breadcrumbs__list a{ color: var(--text-muted); }.breadcrumbs__list [aria-current="page"]{ color: var(--text-primary); }input:focus,select:focus,textarea:focus{ outline: none; border-color: var(--border-focus); box-shadow: var(--focus-ring); }[data-form-status]{ margin-top: var(--space-3); color: var(--color-steel-600); font-size: 13px; }input[type="range"]{ accent-color: var(--color-brand-600); }body[data-explore-open="true"],body[data-mobile-nav-open="true"]{ overflow: hidden; }body[data-lead-open="true"]{ overflow: hidden; }.lead-dialog{ width: min(760px, calc(100vw - 32px)); max-width: none; max-height: min(880px, calc(100dvh - 32px)); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--color-border-strong); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--text-primary); box-shadow: var(--shadow-overlay); }.lead-dialog::backdrop{ background: rgba(7, 18, 38, .66); backdrop-filter: blur(3px); }.lead-dialog__surface{ display: flex; max-height: inherit; flex-direction: column; }.lead-dialog__header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 28px 20px; border-bottom: 1px solid var(--color-border); }.lead-dialog__header h2{ margin: 3px 0 6px; color: var(--color-ink-950); font-size: clamp(26px, 4vw, 36px); line-height: 1.08; }.lead-dialog__header p{ max-width: 600px; margin: 0; color: var(--color-steel-600); font-size: 14px; line-height: 1.5; }.lead-dialog__eyebrow{ color: var(--color-brand-600) !important; font-family: var(--font-mono); font-size: 10px !important; letter-spacing: .08em; text-transform: uppercase; }.lead-dialog__close{ flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-surface); color: var(--color-ink-800); font: inherit; font-size: 28px; line-height: 1; cursor: pointer; }.lead-dialog__close:hover{ border-color: var(--color-brand-600); color: var(--color-brand-600); }.lead-dialog__close:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.lead-dialog__body{ min-height: 0; overflow-y: auto; padding: 24px 28px 28px; }.lead-form__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 20px; }.lead-field{ min-width: 0; }.lead-field--wide{ grid-column: 1 / -1; }.lead-field label{ display: block; margin-bottom: 7px; color: var(--color-ink-800); font-size: 13px; font-weight: var(--font-weight-semibold); }.lead-field label span{ color: #b45309; }.lead-field input,.lead-field select,.lead-field textarea{ width: 100%; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); padding: 11px 12px; background: var(--color-surface); color: var(--color-ink-950); font: inherit; font-size: 15px; }.lead-field textarea{ min-height: 104px; resize: vertical; }.lead-field [aria-invalid="true"]{ border-color: #b91c1c; }.lead-field__error{ margin: 5px 0 0; color: #b91c1c; font-size: 12px; line-height: 1.35; }.lead-field__hint{ display: block; margin-top: 6px; color: var(--color-steel-600); font-size: 12px; line-height: 1.45; }.lead-field--attachment input[type="file"]{ padding: 9px 10px; cursor: pointer; }.lead-field--attachment input[type="file"]::file-selector-button{ margin-right: 12px; border: 0; border-radius: 6px; padding: 7px 11px; background: var(--color-brand-100); color: var(--color-brand-700); font: inherit; font-weight: var(--font-weight-semibold); cursor: pointer; }.lead-form__required{ margin: 14px 0 0; color: var(--text-muted); font-size: 12px; }.lead-form__privacy{ margin: 8px 0 0; color: var(--color-steel-600); font-size: 12px; line-height: 1.5; }.lead-form__privacy a{ color: var(--color-brand-700); text-decoration: underline; text-underline-offset: 2px; }.lead-form__actions{ display: flex; align-items: center; gap: 18px; margin-top: 18px; }.lead-form__actions > a{ color: var(--color-brand-700); font-size: 13px; font-weight: var(--font-weight-semibold); }.lead-form[data-state="submitting"] [type="submit"]{ cursor: wait; opacity: .68; }.lead-form__status{ min-height: 20px; margin: 14px 0 0; color: var(--color-steel-600); font-size: 13px; line-height: 1.5; }.lead-form__status[role="alert"]{ color: #9a3412; }.lead-notification{ position: fixed; z-index: 1200; right: 24px; bottom: 24px; display: flex; width: min(440px, calc(100vw - 32px)); align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 18px 18px 20px; border: 1px solid rgba(22, 166, 161, .42); border-radius: var(--radius-md); background: var(--color-ink-950); color: #fff; box-shadow: var(--shadow-overlay); }.lead-notification[hidden]{ display: none; }.lead-notification[data-state="error"]{ border-color: rgba(239, 116, 116, .62); }.lead-notification strong{ display: block; margin-bottom: 5px; font-size: 16px; line-height: 1.3; }.lead-notification p{ margin: 0; color: rgba(255, 255, 255, .82); font-size: 14px; line-height: 1.5; }.lead-notification button{ flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; background: transparent; color: #fff; font: inherit; font-size: 22px; line-height: 1; cursor: pointer; }.lead-notification button:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(255, 255, 255, .32); }@media (max-width: 640px){.lead-dialog{ width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 16px; }.lead-dialog__header{ gap: 14px; padding: 19px 18px 16px; }.lead-dialog__body{ padding: 19px 18px 22px; }.lead-form__grid{ grid-template-columns: 1fr; gap: 14px; }.lead-field--wide{ grid-column: auto; }.lead-form__actions{ align-items: stretch; flex-direction: column; }.lead-form__actions .button{ width: 100%; }.lead-form__actions > a{ text-align: center; }.lead-notification{ right: 10px; bottom: 10px; width: calc(100vw - 20px); }}@media (prefers-reduced-motion: reduce){.lead-dialog,.lead-dialog::backdrop{ animation: none !important; transition: none !important; }}}@layer sections{.layout-marketing main{ min-width: 0; }main section[data-screen-label]{ scroll-margin-top: calc(var(--header-height) + var(--space-6)); }main section[data-screen-label] > div{ min-width: 0; }main [data-screen-label] h1,main [data-screen-label] h2,main [data-screen-label] h3{ overflow-wrap: break-word; }main table{ width: 100%; border-collapse: collapse; }main pre,main code{ max-width: 100%; overflow-x: auto; }.responsive-grid,.responsive-grid > *{ min-width: 0; }body[data-page="ProductTour"] .pf-a{ --pfa-ink: #0b1220; --pfa-ink-2: #1d2939; --pfa-steel: #566176; --pfa-blue: #245beb; --pfa-blue-100: #eaf0ff; --pfa-teal: #16a6a1; --pfa-mist: #f7f9fc; --pfa-border: #e3e8ef; --pfa-ok: #16825d; --pfa-warn: #b66a00; position: relative; min-width: 0; overflow: hidden; color: var(--pfa-ink); background: #fff; }body[data-page="ProductTour"] .pf-a *{ box-sizing: border-box; }body[data-page="ProductTour"] .pf-a-container{ position: relative; z-index: 2; width: min(calc(100% - 64px), 1240px); margin-inline: auto; }body[data-page="ProductTour"] .pf-a-hero{ position: relative; isolation: isolate; overflow: hidden; padding: 88px 0 54px; border-bottom: 1px solid rgba(36,91,235,.1); background: radial-gradient(ellipse 72% 58% at 88% 18%,rgba(36,91,235,.1),rgba(36,91,235,.025) 48%,transparent 73%),radial-gradient(ellipse 56% 42% at 69% 78%,rgba(22,166,161,.08),rgba(22,166,161,.02) 48%,transparent 76%),linear-gradient(180deg,#fff 0%,#f8fafe 64%,#f2f6fc 100%) !important; }body[data-page="ProductTour"] .pf-a-disclaimer{ margin: 18px 0 0; color: #8b95a6; font: 500 10px/1.5 var(--font-mono, "IBM Plex Mono", monospace); letter-spacing: .07em; }body[data-page="ProductTour"] .pf-a > section:not(.pf-a-hero){ position: relative; isolation: isolate; overflow: hidden; }body[data-page="ProductTour"] .pf-a > section:not(.pf-a-hero)::after{ content: ""; position: absolute; z-index: -2; top: 34%; right: -220px; width: 540px; height: 270px; border-radius: 50%; opacity: .38; filter: blur(28px); transform: rotate(-8deg); background: radial-gradient(ellipse at center,rgba(36,91,235,.14),rgba(22,166,161,.06) 48%,transparent 70%); pointer-events: none; }body[data-page="ProductTour"] .pf-a > section:nth-of-type(even)::after{ right: auto; left: -220px; transform: rotate(8deg); }@media (max-width: 639px){body[data-page="ProductTour"] .pf-a-container{ width: calc(100% - 40px); }body[data-page="ProductTour"] .pf-a-hero{ padding: 60px 0 34px; }}body[data-page="ProductTour"] .pt-page{ --pt-ink: #0b1220; --pt-ink-2: #1d2939; --pt-steel: #566176; --pt-muted: #8994a6; --pt-blue: #245beb; --pt-blue-soft: #eaf0ff; --pt-teal: #16a6a1; --pt-mist: #f7f9fc; --pt-border: #e3e8ef; --pt-ok: #16825d; --pt-warn: #b66a00; position: relative; overflow: clip; color: var(--pt-ink); background: #fff; }body[data-page="ProductTour"] .pt-page *{ box-sizing: border-box; }body[data-page="ProductTour"] .pt-page > section:not(.pf-a-hero)::after{ display: none; }body[data-page="ProductTour"] .pt-page p{ color: var(--pt-steel); font-size: 16px; line-height: 1.625; }body[data-page="ProductTour"] .pt-page h2{ margin: 0 0 20px; color: var(--pt-ink); font-size: clamp(34px,3.4vw,46px); font-weight: 600; line-height: 1.13; letter-spacing: -.025em; }body[data-page="ProductTour"] .pt-product-veil{ position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; opacity: .95; }body[data-page="ProductTour"] .pt-product-veil svg{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; }body[data-page="ProductTour"] .pt-veil-wash{ mix-blend-mode: multiply; }body[data-page="ProductTour"] .pt-vw-1{ stroke-width: 170; opacity: .012; }body[data-page="ProductTour"] .pt-vw-2{ stroke-width: 100; opacity: .018; }body[data-page="ProductTour"] .pt-vw-3{ stroke-width: 46; opacity: .03; }body[data-page="ProductTour"] .pt-veil-core{ opacity: .26; }body[data-page="ProductTour"] .pt-page > section,body[data-page="ProductTour"] .pt-page > nav,body[data-page="ProductTour"] .pt-page > .pt-chapter{ position: relative; z-index: 2; }body[data-page="ProductTour"] .pt-reveal{ opacity: 0; transform: translateY(18px); transition: opacity 420ms cubic-bezier(.2,.8,.2,1),transform 420ms cubic-bezier(.2,.8,.2,1); }body[data-page="ProductTour"] .pt-reveal.is-visible{ opacity: 1; transform: none; }body[data-page="ProductTour"] .pt-kicker{ display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--pt-blue); font: 600 11px/16px var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .1em; text-transform: uppercase; }body[data-page="ProductTour"] .pt-kicker::before{ content: ""; width: 34px; height: 1px; background: linear-gradient(90deg,var(--pt-blue),var(--pt-teal)); }body[data-page="ProductTour"] .pt-hero{ position: relative; overflow: hidden; padding: 84px 0 64px; border-bottom: 1px solid rgba(36,91,235,.1); background: radial-gradient(ellipse 70% 55% at 88% 18%,rgba(36,91,235,.1),rgba(36,91,235,.035) 42%,transparent 72%),radial-gradient(ellipse 55% 42% at 67% 72%,rgba(22,166,161,.075),rgba(22,166,161,.025) 46%,transparent 76%),linear-gradient(180deg,#fff 0%,#f8fafe 62%,#f2f6fc 100%) !important; }body[data-page="ProductTour"] .pt-hero::after{ content: "PRODUCT / TOUR"; position: absolute; right: 26px; bottom: 22px; color: rgba(36,91,235,.22); font: 500 10px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .17em; writing-mode: vertical-rl; transform: rotate(180deg); }body[data-page="ProductTour"] .pt-hero-signal{ position: absolute; inset: 0; pointer-events: none; }body[data-page="ProductTour"] .pt-hero-signal::before{ content: ""; position: absolute; top: -120px; right: -220px; width: 980px; height: 360px; transform: rotate(-7deg); border-radius: 50%; background: radial-gradient(ellipse,rgba(36,91,235,.12),rgba(36,91,235,.05) 42%,transparent 74%); filter: blur(2px); }body[data-page="ProductTour"] .pt-hero-signal::after{ content: ""; position: absolute; bottom: -150px; left: -250px; width: 780px; height: 300px; transform: rotate(8deg); border-radius: 50%; background: radial-gradient(ellipse,rgba(22,166,161,.08),rgba(22,166,161,.03) 46%,transparent 75%); filter: blur(3px); }body[data-page="ProductTour"] .pt-family-band{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin: 0 0 38px; }body[data-page="ProductTour"] .pt-family-band > div{ display: flex; align-items: baseline; gap: 8px; }body[data-page="ProductTour"] .pt-family-band > div:not(:last-child)::after{ content: ""; width: 34px; height: 1px; margin-left: 10px; align-self: center; background: linear-gradient(90deg,rgba(36,91,235,.28),rgba(22,166,161,.1)); }body[data-page="ProductTour"] .pt-family-band b{ color: var(--pt-blue); font: 600 10px/1.4 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .12em; }body[data-page="ProductTour"] .pt-family-band span{ color: var(--pt-muted); font-size: 10px; }body[data-page="ProductTour"] .pt-hero-intro{ position: relative; max-width: 920px; }body[data-page="ProductTour"] .pt-hero-intro::before{ content: ""; position: absolute; left: -18px; top: 4px; width: 2px; height: 108px; background: linear-gradient(180deg,rgba(36,91,235,.72),rgba(22,166,161,.4),transparent); }body[data-page="ProductTour"] .pt-hero-copy h1{ max-width: 880px !important; margin: 16px 0 24px !important; font-size: clamp(46px,5vw,68px) !important; line-height: 1.01 !important; letter-spacing: -.045em !important; }body[data-page="ProductTour"] .pt-hero-summary{ max-width: 760px; }body[data-page="ProductTour"] .pt-hero-summary > p:first-child{ color: var(--pt-ink-2); font-size: 20px; line-height: 1.5; }body[data-page="ProductTour"] .pt-quiet-note{ margin: 22px 0 26px; padding: 14px 17px; border-left: 2px solid var(--pt-teal); background: rgba(255,255,255,.62); color: var(--pt-ink-2); }body[data-page="ProductTour"] .pt-live-workspace{ position: relative; overflow: hidden; margin-top: 54px; border: 1px solid rgba(36,91,235,.14); border-radius: 16px; background: #fff; box-shadow: 0 18px 42px rgba(16,24,40,.07); }body[data-page="ProductTour"] .pt-live-workspace::before{ content: ""; position: absolute; top: -70px; right: -100px; width: 560px; height: 220px; background: radial-gradient(ellipse,rgba(36,91,235,.09),transparent 70%); pointer-events: none; }body[data-page="ProductTour"] .pt-window-bar{ position: relative; z-index: 2; display: flex; align-items: center; gap: 7px; height: 46px; padding: 0 16px; border-bottom: 1px solid var(--pt-border); background: #fbfcfe; }body[data-page="ProductTour"] .pt-window-bar > span{ width: 8px; height: 8px; border-radius: 50%; background: #d7dde7; }body[data-page="ProductTour"] .pt-window-bar b{ margin-left: 9px; color: var(--pt-steel); font: 600 10px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-window-bar em{ margin-left: auto; color: var(--pt-muted); font: 500 10px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; }body[data-page="ProductTour"] .pt-workspace-tabs{ position: relative; z-index: 2; display: flex; gap: 4px; overflow-x: auto; padding: 9px 14px; border-bottom: 1px solid var(--pt-border); background: #fff; }body[data-page="ProductTour"] .pt-workspace-tabs > *{ padding: 8px 10px; color: var(--pt-steel); font-size: 12px; white-space: nowrap; }body[data-page="ProductTour"] .pt-workspace-tabs b{ border-radius: 6px; color: var(--pt-blue); background: var(--pt-blue-soft); }body[data-page="ProductTour"] .pt-workspace-body{ display: grid; grid-template-columns: 238px minmax(0,1fr); min-height: 510px; }body[data-page="ProductTour"] .pt-workspace-body > aside{ padding: 18px; border-right: 1px solid var(--pt-border); background: #fbfcfe; }body[data-page="ProductTour"] .pt-workspace-body > main{ position: relative; padding: 28px 28px 62px; }body[data-page="ProductTour"] .pt-product-identity{ display: grid; grid-template-columns: 58px 1fr; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--pt-border); }body[data-page="ProductTour"] .pt-product-identity image-slot{ display: block; width: 58px; height: 58px; }body[data-page="ProductTour"] .pt-product-identity small{ display: block; color: var(--pt-muted); font: 600 8px/1.3 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-product-identity strong{ display: block; margin-top: 5px; font-size: 12px; line-height: 1.4; }body[data-page="ProductTour"] .pt-product-identity code{ display: block; margin-top: 5px; color: #7c8798; font-size: 9px; }body[data-page="ProductTour"] .pt-view-list{ display: grid; gap: 3px; margin-top: 14px; }body[data-page="ProductTour"] .pt-view-list span{ display: grid; grid-template-columns: 24px 1fr; gap: 9px; align-items: center; padding: 9px 8px; border-radius: 6px; color: #7c8798; font-size: 11px; }body[data-page="ProductTour"] .pt-view-list span.is-active{ color: #1746c8; background: var(--pt-blue-soft); font-weight: 600; }body[data-page="ProductTour"] .pt-view-list i{ color: #a5afbe; font: 500 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; }body[data-page="ProductTour"] .pt-screen-title{ display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 22px; }body[data-page="ProductTour"] .pt-screen-title small{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-screen-title h3{ margin: 6px 0 0; font-size: 23px; line-height: 1.3; }body[data-page="ProductTour"] .pt-screen-title > span{ color: var(--pt-teal); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-hero-record{ overflow: hidden; border: 1px solid var(--pt-border); border-radius: 10px; }body[data-page="ProductTour"] .pt-hero-record > div{ display: grid; grid-template-columns: 1.2fr 1fr .7fr; gap: 12px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f0f3f8; font-size: 11px; }body[data-page="ProductTour"] .pt-hero-record > div:first-child{ background: var(--pt-mist); }body[data-page="ProductTour"] .pt-hero-record > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-hero-record small{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-hero-record code{ color: #495568; font-size: 10px; }body[data-page="ProductTour"] .pt-hero-record em{ color: var(--pt-ok); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; letter-spacing: .05em; }body[data-page="ProductTour"] .pt-hero-record em.is-review{ color: var(--pt-warn); }body[data-page="ProductTour"] .pt-workspace-foot{ position: absolute; right: 28px; bottom: 20px; left: 28px; color: var(--pt-muted); font: 500 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-workspace-foot span{ display: block; height: 2px; margin-bottom: 11px; background: linear-gradient(90deg,var(--pt-blue),var(--pt-teal)); animation: pt-workspace-progress 7.5s cubic-bezier(.2,.8,.2,1) infinite; }body[data-page="ProductTour"] .pt-hero-progress{ position: relative; display: grid; grid-template-columns: repeat(9,1fr); margin-top: 54px; border-top: 1px solid rgba(36,91,235,.18); }body[data-page="ProductTour"] .pt-hero-progress > div{ padding: 15px 4px 0; text-align: center; }body[data-page="ProductTour"] .pt-hero-progress i{ display: block; width: 7px; height: 7px; margin: -19px auto 8px; border: 1px solid rgba(36,91,235,.3); border-radius: 50%; background: #fff; }body[data-page="ProductTour"] .pt-hero-progress b{ color: var(--pt-muted); font: 600 8px/1.3 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .05em; }body[data-page="ProductTour"] .pt-progress-bead{ position: absolute; z-index: 2; top: -4px; left: 5.55%; width: 8px; height: 8px; transform: translateX(-50%); border-radius: 50%; background: var(--pt-blue); box-shadow: 0 0 0 6px rgba(36,91,235,.07); animation: pt-rail-sweep 9s cubic-bezier(.2,.8,.2,1) infinite; }body[data-page="ProductTour"] .pt-tour-deck{ position: sticky !important; z-index: 40 !important; top: 72px; border-bottom: 1px solid rgba(36,91,235,.1); background: rgba(255,255,255,.96); backdrop-filter: blur(8px); }body[data-page="ProductTour"] .pt-tour-deck > div{ display: flex; align-items: center; height: 58px; overflow-x: auto; scrollbar-width: none; }body[data-page="ProductTour"] .pt-tour-deck > div::-webkit-scrollbar{ display: none; }body[data-page="ProductTour"] .pt-tour-deck span,body[data-page="ProductTour"] .pt-tour-deck a{ flex: 0 0 auto; padding: 20px 13px 17px; color: #7d8898; font: 600 10px/1 var(--font-mono,"IBM Plex Mono",monospace); white-space: nowrap; }body[data-page="ProductTour"] .pt-tour-deck span{ padding-left: 0; color: var(--pt-ink); }body[data-page="ProductTour"] .pt-tour-deck a{ position: relative; }body[data-page="ProductTour"] .pt-tour-deck a.is-active{ color: #1746c8; }body[data-page="ProductTour"] .pt-tour-deck a.is-active::after{ content: ""; position: absolute; right: 13px; bottom: 0; left: 13px; height: 2px; background: linear-gradient(90deg,var(--pt-blue),var(--pt-teal)); }body[data-page="ProductTour"] .pt-whisper-rail{ position: fixed; z-index: 30; left: 18px; top: 118px; bottom: 58px; display: flex; width: 34px; flex-direction: column; justify-content: space-between; padding-left: 0; }body[data-page="ProductTour"] .pt-whisper-rail::before{ content: ""; position: absolute; left: 4px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg,rgba(36,91,235,.09),rgba(36,91,235,.22),rgba(22,166,161,.22),rgba(22,166,161,.08)); }body[data-page="ProductTour"] .pt-rail-progress{ position: absolute; z-index: 1; left: 4px; top: 0; width: 2px; height: 0; background: linear-gradient(180deg,var(--pt-blue),var(--pt-teal)); transition: height 320ms cubic-bezier(.2,.8,.2,1); }body[data-page="ProductTour"] .pt-whisper-rail a{ position: relative; z-index: 2; display: flex; align-items: center; width: 34px; height: 10px; color: transparent; }body[data-page="ProductTour"] .pt-whisper-rail a > i{ display: block; width: 10px; height: 10px; border: 1px solid rgba(36,91,235,.23); border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.72); transition: 180ms cubic-bezier(.2,.8,.2,1); }body[data-page="ProductTour"] .pt-whisper-rail a > b{ margin-left: 7px; color: var(--pt-muted); font: 500 8px/1 var(--font-mono,"IBM Plex Mono",monospace); opacity: 0; transition: opacity 180ms; }body[data-page="ProductTour"] .pt-whisper-rail a:hover > b,body[data-page="ProductTour"] .pt-whisper-rail a.is-active > b{ opacity: 1; }body[data-page="ProductTour"] .pt-whisper-rail a.is-active > i{ border-color: var(--pt-blue); background: var(--pt-blue); transform: scale(1.25); }body[data-page="ProductTour"] .pt-whisper-rail a.is-done > i{ border-color: rgba(22,166,161,.55); background: rgba(22,166,161,.55); }body[data-page="ProductTour"] .pt-rail-phase{ position: absolute; left: 18px; top: 50%; color: var(--pt-muted); font: 500 8px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .16em; white-space: nowrap; transform: translateY(-50%) rotate(-90deg); transform-origin: left top; }body[data-page="ProductTour"] .pt-observe{ background: linear-gradient(180deg,rgba(234,240,255,.52),rgba(255,255,255,.96) 22%,rgba(255,255,255,.98)); }body[data-page="ProductTour"] .pt-build{ background: linear-gradient(180deg,rgba(247,249,252,.94),rgba(255,255,255,.98)); }body[data-page="ProductTour"] .pt-operate{ background: linear-gradient(180deg,rgba(233,248,247,.44),rgba(255,255,255,.95) 22%,rgba(247,249,252,.97)); }body[data-page="ProductTour"] .pt-chapter-head{ padding: 92px 0 12px; }body[data-page="ProductTour"] .pt-chapter-head::before{ content: ""; position: absolute; left: max(32px,calc((100% - 1240px)/2)); right: max(32px,calc((100% - 1240px)/2)); top: 54px; height: 1px; background: linear-gradient(90deg,rgba(36,91,235,.18),transparent 64%); }body[data-page="ProductTour"] .pt-chapter-head > div{ display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 32px; align-items: end; }body[data-page="ProductTour"] .pt-chapter-head span{ grid-row: 1 / 3; align-self: start; color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .14em; }body[data-page="ProductTour"] .pt-chapter-head h2{ grid-column: 1; grid-row: 2; margin: 24px 0 0; color: rgba(36,91,235,.09); font-size: 72px; line-height: .8; letter-spacing: -.055em; }body[data-page="ProductTour"] .pt-operate .pt-chapter-head h2{ color: rgba(22,166,161,.1); }body[data-page="ProductTour"] .pt-chapter-head p{ grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; color: var(--pt-ink-2); font-size: 20px; }body[data-page="ProductTour"] .pt-section{ position: relative; overflow: hidden; padding: 112px 0; }body[data-page="ProductTour"] .pt-scene-layout{ display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 58px; align-items: start; }body[data-page="ProductTour"] .pt-scene-caption{ position: sticky; top: 158px; }body[data-page="ProductTour"] .pt-scene-caption > span{ display: block; margin-bottom: 20px; color: rgba(36,91,235,.13); font: 600 56px/.9 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: -.06em; }body[data-page="ProductTour"] .pt-scene-caption h2{ font-size: 34px; line-height: 1.18; }body[data-page="ProductTour"] .pt-scene-caption p{ max-width: 280px; }body[data-page="ProductTour"] .pt-caption-note{ padding-top: 16px; border-top: 1px solid rgba(36,91,235,.14); color: var(--pt-ink-2) !important; font-size: 14px !important; }body[data-page="ProductTour"] .pt-screen{ position: relative; overflow: hidden; min-width: 0; border: 1px solid rgba(227,232,239,.96); border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(16,24,40,.045); }body[data-page="ProductTour"] .pt-screen::before{ content: "SAME SKU · AC820825"; position: absolute; z-index: 3; right: 18px; top: 53px; color: var(--pt-muted); font: 500 8px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .12em; }body[data-page="ProductTour"] .pt-screen-bar{ display: flex; justify-content: space-between; gap: 20px; align-items: center; height: 42px; padding: 0 15px; border-bottom: 1px solid var(--pt-border); color: #7a8595; background: #fbfcfe; font: 500 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .07em; }body[data-page="ProductTour"] .pt-screen footer{ display: flex; justify-content: space-between; gap: 20px; padding: 13px 18px; border-top: 1px solid var(--pt-border); color: var(--pt-muted); background: #fbfcfe; font: 500 9px/1.4 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .06em; }body[data-page="ProductTour"] .pt-screen footer b{ color: var(--pt-blue); text-align: right; }body[data-page="ProductTour"] .pt-scene-note{ grid-column: 2; margin: -38px 0 0; padding: 0 18px 16px; color: var(--pt-muted); font: 500 9px/1.5 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .06em; }body[data-page="ProductTour"] .pt-filter-row{ display: flex; gap: 6px; overflow-x: auto; padding: 58px 22px 16px; }body[data-page="ProductTour"] .pt-filter-row button{ padding: 6px 11px; border: 1px solid var(--pt-border); border-radius: 999px; color: var(--pt-steel); background: #fff; font: 500 10px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-filter-row button.is-active{ border-color: var(--pt-blue); color: #1746c8; background: var(--pt-blue-soft); }body[data-page="ProductTour"] .pt-data-table{ margin: 0 22px 22px; border: 1px solid var(--pt-border); border-radius: 9px; overflow: hidden; }body[data-page="ProductTour"] .pt-data-table > div{ display: grid; gap: 16px; align-items: center; padding: 14px; border-bottom: 1px solid #f0f3f8; font-size: 12px; }body[data-page="ProductTour"] .pt-data-table > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-data-table > div:first-child{ background: var(--pt-mist); }body[data-page="ProductTour"] .pt-data-table small{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-data-table code{ color: #495568; font-size: 10px; }body[data-page="ProductTour"] .pt-data-table em{ color: var(--pt-blue); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; }body[data-page="ProductTour"] .pt-data-table .is-focus{ background: linear-gradient(90deg,rgba(234,240,255,.74),rgba(255,255,255,.84)); }body[data-page="ProductTour"] .pt-catalog-table > div{ grid-template-columns: 120px minmax(0,1.4fr) 100px 80px 110px; }body[data-page="ProductTour"] .pt-input-grid{ display: grid; grid-template-columns: 180px 1fr; gap: 22px; padding: 58px 22px 22px; }body[data-page="ProductTour"] .pt-input-product{ padding: 14px; border: 1px solid var(--pt-border); border-radius: 10px; }body[data-page="ProductTour"] .pt-input-product image-slot{ display: block; width: 100%; aspect-ratio: 1; }body[data-page="ProductTour"] .pt-input-product small{ display: block; margin-top: 13px; color: var(--pt-muted); font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-input-product strong{ display: block; margin-top: 6px; font-size: 13px; }body[data-page="ProductTour"] .pt-input-product code{ display: block; margin-top: 5px; color: var(--pt-steel); font-size: 10px; }body[data-page="ProductTour"] .pt-field-stack{ overflow: hidden; border: 1px solid var(--pt-border); border-radius: 10px; }body[data-page="ProductTour"] .pt-field-stack > div{ display: grid; grid-template-columns: 160px minmax(0,1fr) 100px; gap: 16px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f0f3f8; font-size: 11px; }body[data-page="ProductTour"] .pt-field-stack > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-field-stack span{ color: var(--pt-muted); }body[data-page="ProductTour"] .pt-field-stack strong{ font-size: 11px; }body[data-page="ProductTour"] .pt-field-stack em{ color: var(--pt-ok); font: 500 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; text-align: right; }body[data-page="ProductTour"] .pt-field-stack i{ height: 8px; border-radius: 4px; background: linear-gradient(90deg,#eef1f5,#e7ebf1); }body[data-page="ProductTour"] .pt-field-stack em.is-missing{ color: var(--pt-warn); }body[data-page="ProductTour"] .pt-sources-screen{ min-height: 560px; }body[data-page="ProductTour"] .pt-source-context{ position: absolute; z-index: 3; left: 50%; top: 50%; display: flex; width: 250px; justify-content: space-between; gap: 20px; align-items: center; margin: 0; padding: 18px; border-radius: 10px; color: #fff; background: var(--pt-ink); transform: translate(-50%,-42%); }body[data-page="ProductTour"] .pt-source-context small{ display: block; color: #94a3b8; font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; }body[data-page="ProductTour"] .pt-source-context strong{ display: block; margin-top: 7px; }body[data-page="ProductTour"] .pt-source-context code{ display: block; margin-top: 5px; color: #b8c2cf; font-size: 10px; }body[data-page="ProductTour"] .pt-source-context > span{ color: #63d4cb; font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-source-list{ position: relative; display: block; height: 420px; margin: 58px 22px 22px; }body[data-page="ProductTour"] .pt-source-list::before,body[data-page="ProductTour"] .pt-source-list::after{ content: ""; position: absolute; left: 19%; right: 19%; top: 50%; height: 1px; background: linear-gradient(90deg,transparent,rgba(36,91,235,.42),rgba(22,166,161,.38),transparent); }body[data-page="ProductTour"] .pt-source-list::after{ transform: rotate(22deg); }body[data-page="ProductTour"] .pt-source-list article{ position: absolute; z-index: 2; display: grid; width: min(210px,38%); grid-template-columns: 28px 1fr; gap: 10px; align-items: center; padding: 15px; border: 1px solid var(--pt-border); border-radius: 9px; background: #fff; }body[data-page="ProductTour"] .pt-source-list article:nth-child(1){ left: 0; top: 0; }body[data-page="ProductTour"] .pt-source-list article:nth-child(2){ right: 0; top: 12px; }body[data-page="ProductTour"] .pt-source-list article:nth-child(3){ left: 3%; bottom: 8px; }body[data-page="ProductTour"] .pt-source-list article:nth-child(4){ right: 3%; bottom: 0; }body[data-page="ProductTour"] .pt-source-list i{ color: var(--pt-blue); font: 600 10px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; }body[data-page="ProductTour"] .pt-source-list b{ display: block; font-size: 12px; }body[data-page="ProductTour"] .pt-source-list span{ display: block; margin-top: 4px; color: var(--pt-muted); font: 500 9px/1.35 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-source-list em{ grid-column: 2; color: var(--pt-ok); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; }body[data-page="ProductTour"] .pt-source-list em.is-review{ color: var(--pt-warn); }body[data-page="ProductTour"] .pt-attribute-table{ margin-top: 58px; }body[data-page="ProductTour"] .pt-attribute-table > div{ grid-template-columns: 1.2fr 1fr 90px 110px; }body[data-page="ProductTour"] .pt-attribute-table .is-review{ background: #fffdf7; }body[data-page="ProductTour"] .pt-validation{ position: relative; color: #fff; background: var(--pt-ink) !important; }body[data-page="ProductTour"] .pt-validation h2{ color: #fff; }body[data-page="ProductTour"] .pt-validation p{ color: #b9c3d1; }body[data-page="ProductTour"] .pt-validation .pt-scene-caption > span{ color: rgba(94,134,255,.14); }body[data-page="ProductTour"] .pt-validation .pt-kicker{ color: #7ea1ff; }body[data-page="ProductTour"] .pt-dark-signal{ position: absolute; inset: 0; background: radial-gradient(ellipse 48% 72% at 86% 10%,rgba(57,189,181,.14),transparent 72%),radial-gradient(ellipse 48% 80% at 12% 92%,rgba(94,134,255,.1),transparent 70%); }body[data-page="ProductTour"] .pt-validation-kinds{ display: grid; gap: 8px; margin: 24px 0; }body[data-page="ProductTour"] .pt-validation-kinds span{ color: #c9d2df; font-size: 13px; }body[data-page="ProductTour"] .pt-validation-kinds span::before{ content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 9px; border-radius: 50%; background: var(--pt-teal); }body[data-page="ProductTour"] .pt-validation .pt-caption-note{ border-color: #263349; color: #b9c3d1 !important; }body[data-page="ProductTour"] .pt-validation-screen{ border-color: #263349; background: #0e1828; box-shadow: none; }body[data-page="ProductTour"] .pt-validation-screen::before{ color: #8fa0b6; }body[data-page="ProductTour"] .pt-validation-screen .pt-screen-bar{ border-color: #263349; color: #8fa0b6; background: #111c2e; }body[data-page="ProductTour"] .pt-validation-summary{ display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 58px 22px 18px; padding: 18px; border: 1px solid #263349; border-radius: 9px; background: #111c2e; }body[data-page="ProductTour"] .pt-validation-summary small{ color: #7f8da1; font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-validation-summary strong{ display: block; margin-top: 6px; }body[data-page="ProductTour"] .pt-validation-summary > span{ color: #63d4cb; font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-validation-table{ margin: 0 22px 22px; border: 1px solid #263349; border-radius: 9px; overflow: hidden; }body[data-page="ProductTour"] .pt-validation-table > div{ display: grid; grid-template-columns: 1.1fr 1.5fr 110px; gap: 18px; align-items: center; padding: 15px 14px; border-bottom: 1px solid #1e2a3d; font-size: 11px; }body[data-page="ProductTour"] .pt-validation-table > div:first-child{ background: #111c2e; }body[data-page="ProductTour"] .pt-validation-table > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-validation-table small{ color: #7f8da1; font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-validation-table span{ color: #c8d1de; font: 500 10px/1.4 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-validation-table em{ color: #45c49d; font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; text-align: right; }body[data-page="ProductTour"] .pt-validation-table .is-review{ background: rgba(207,162,74,.07); }body[data-page="ProductTour"] .pt-validation-table .is-review em{ color: #cfa24a; }body[data-page="ProductTour"] .pt-validation-screen footer{ border-color: #263349; color: #8fa0b6; background: #111c2e; }body[data-page="ProductTour"] .pt-validation-screen footer b{ color: #cfa24a; }body[data-page="ProductTour"] .pt-content-tabs{ display: flex; gap: 18px; overflow-x: auto; margin-top: 42px; padding: 0 22px; border-bottom: 1px solid var(--pt-border); }body[data-page="ProductTour"] .pt-content-tabs button{ flex: 0 0 auto; padding: 14px 0; border: 0; color: var(--pt-steel); background: transparent; font: 600 11px/1 var(--font-sans,Inter,sans-serif); cursor: pointer; }body[data-page="ProductTour"] .pt-content-editor{ display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 18px; padding: 22px; }body[data-page="ProductTour"] .pt-content-editor > aside{ display: grid; gap: 8px; }body[data-page="ProductTour"] .pt-content-editor > aside > small{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-content-editor > aside > div{ padding: 12px; border: 1px solid var(--pt-border); border-radius: 8px; background: #fbfcfe; }body[data-page="ProductTour"] .pt-content-editor aside span{ display: block; color: var(--pt-muted); font-size: 10px; }body[data-page="ProductTour"] .pt-content-editor aside strong{ display: block; margin-top: 4px; font-size: 11px; }body[data-page="ProductTour"] .pt-content-editor > article{ padding: 20px; border: 1px solid var(--pt-border); border-radius: 10px; }body[data-page="ProductTour"] .pt-content-editor > article > small{ color: var(--pt-blue); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); letter-spacing: .08em; text-transform: uppercase; }body[data-page="ProductTour"] .pt-content-editor > article > p{ min-height: 110px; margin: 16px 0; color: var(--pt-ink-2); font-size: 15px; }body[data-page="ProductTour"] .pt-content-editor > article > div{ display: flex; justify-content: space-between; gap: 18px; padding-top: 15px; border-top: 1px solid var(--pt-border); }body[data-page="ProductTour"] .pt-content-editor > article span,body[data-page="ProductTour"] .pt-content-editor > article strong{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-before-after{ display: grid; grid-template-columns: 1fr 110px 1fr; align-items: stretch; padding: 58px 22px 22px; }body[data-page="ProductTour"] .pt-before-after > article{ overflow: hidden; border: 1px solid var(--pt-border); border-radius: 10px; }body[data-page="ProductTour"] .pt-before-after > article.is-after{ border-color: rgba(22,166,161,.28); }body[data-page="ProductTour"] .pt-before-after article > header{ display: flex; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--pt-border); }body[data-page="ProductTour"] .pt-before-after header span{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-before-after article > div{ display: grid; grid-template-columns: 150px 1fr; gap: 14px; padding: 12px 18px; border-bottom: 1px solid #f0f3f8; font-size: 11px; }body[data-page="ProductTour"] .pt-before-after article > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-before-after article > div span{ color: var(--pt-muted); }body[data-page="ProductTour"] .pt-before-after article > div strong{ color: var(--pt-warn); font: 500 10px/1.4 var(--font-mono,"IBM Plex Mono",monospace); text-align: right; }body[data-page="ProductTour"] .pt-comparison-lens{ position: relative; display: flex; align-items: center; justify-content: center; }body[data-page="ProductTour"] .pt-comparison-lens::before{ content: ""; position: absolute; inset: 5% -30%; border-radius: 50%; background: radial-gradient(ellipse,rgba(36,91,235,.08),rgba(22,166,161,.05) 48%,transparent 76%); }body[data-page="ProductTour"] .pt-comparison-lens image-slot{ position: relative; z-index: 1; display: block; width: 72px; height: 72px; }body[data-page="ProductTour"] .pt-comparison-lens span{ position: absolute; z-index: 2; bottom: 22px; color: var(--pt-blue); font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-verified-scale{ display: inline-flex; gap: 12px; padding: 12px 14px; border: 1px solid var(--pt-border); border-radius: 8px; background: #fff; font: 500 10px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-verified-scale b{ color: var(--pt-warn); }body[data-page="ProductTour"] .pt-bulk-overview{ display: grid; grid-template-columns: 1fr 1.4fr; gap: 18px; padding: 58px 22px 18px; }body[data-page="ProductTour"] .pt-bulk-core{ display: grid; grid-template-columns: 62px 1fr; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--pt-border); border-radius: 10px; background: #fbfcfe; }body[data-page="ProductTour"] .pt-bulk-core image-slot{ display: block; width: 62px; height: 62px; }body[data-page="ProductTour"] .pt-bulk-core small{ color: var(--pt-muted); font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-bulk-core strong{ display: block; margin: 5px 0; }body[data-page="ProductTour"] .pt-bulk-core span{ color: var(--pt-muted); font: 500 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-bulk-stats{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }body[data-page="ProductTour"] .pt-bulk-stats article{ padding: 12px; border: 1px solid var(--pt-border); border-radius: 8px; }body[data-page="ProductTour"] .pt-bulk-stats small{ display: block; color: var(--pt-muted); font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-bulk-stats b{ display: block; margin-top: 7px; color: var(--pt-blue); font: 600 11px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-bulk-list{ margin: 0 22px 22px; border: 1px solid var(--pt-border); border-radius: 9px; overflow: hidden; }body[data-page="ProductTour"] .pt-bulk-list > div{ display: grid; grid-template-columns: 130px 1fr 110px; gap: 14px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f0f3f8; font-size: 11px; }body[data-page="ProductTour"] .pt-bulk-list > div:last-child{ border-bottom: 0; }body[data-page="ProductTour"] .pt-bulk-list em{ color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); font-style: normal; text-align: right; }body[data-page="ProductTour"] .pt-export-flow{ display: grid; grid-template-columns: 1fr 150px 1fr; gap: 20px; align-items: center; padding: 58px 22px 28px; }body[data-page="ProductTour"] .pt-export-flow > article{ padding: 22px; border: 1px solid var(--pt-border); border-radius: 10px; background: #fff; }body[data-page="ProductTour"] .pt-export-flow article > small{ display: block; margin-bottom: 8px; color: var(--pt-muted); font: 600 9px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-export-flow article > b{ display: block; margin-bottom: 14px; font-size: 14px; }body[data-page="ProductTour"] .pt-export-flow article > div{ display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-top: 1px solid #f0f3f8; font-size: 10px; }body[data-page="ProductTour"] .pt-export-flow article > div span{ color: var(--pt-muted); }body[data-page="ProductTour"] .pt-export-flow article > div strong{ color: var(--pt-blue); font: 500 9px/1 var(--font-mono,"IBM Plex Mono",monospace); text-align: right; }body[data-page="ProductTour"] .pt-export-bridge{ position: relative; min-height: 100px; }body[data-page="ProductTour"] .pt-export-bridge > span{ position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: linear-gradient(90deg,var(--pt-blue),var(--pt-teal)); }body[data-page="ProductTour"] .pt-export-bridge > span::after{ content: ""; position: absolute; right: -1px; top: -4px; border-left: 7px solid var(--pt-teal); border-top: 4px solid transparent; border-bottom: 4px solid transparent; }body[data-page="ProductTour"] .pt-export-bridge > i{ position: absolute; left: 0; top: calc(50% - 3px); width: 7px; height: 7px; border-radius: 50%; background: var(--pt-blue); animation: pt-export-packet 4.5s cubic-bezier(.2,.8,.2,1) infinite; }body[data-page="ProductTour"] .pt-export-bridge > b{ position: absolute; top: calc(50% + 12px); left: 50%; transform: translateX(-50%); color: var(--pt-muted); font: 600 8px/1 var(--font-mono,"IBM Plex Mono",monospace); }body[data-page="ProductTour"] .pt-cta{ position: relative; overflow: hidden; padding: 90px 0 110px; background: #fff; }body[data-page="ProductTour"] .pt-cta-box{ display: flex; justify-content: space-between; gap: 50px; align-items: center; padding: 58px 62px; border: 1px solid rgba(36,91,235,.1); border-radius: 12px; background: linear-gradient(110deg,rgba(234,240,255,.94),rgba(255,255,255,.96) 46%,rgba(233,248,247,.86)); }body[data-page="ProductTour"] .pt-cta-box h2{ max-width: 720px; font-size: 38px; line-height: 1.15; }body[data-page="ProductTour"] .pt-cta-box > div:last-child{ display: grid; gap: 16px; justify-items: start; min-width: 260px; }@media (max-width: 1320px){body[data-page="ProductTour"] .pt-whisper-rail,body[data-page="ProductTour"] .pt-hero::after{ display: none; }}@media (max-width: 1023px){body[data-page="ProductTour"] .pt-family-band{ gap: 10px 14px; }body[data-page="ProductTour"] .pt-family-band > div:not(:last-child)::after{ width: 20px; }body[data-page="ProductTour"] .pt-workspace-body{ grid-template-columns: 200px minmax(0,1fr); }body[data-page="ProductTour"] .pt-chapter-head > div{ grid-template-columns: 110px minmax(0,1fr); gap: 24px; }body[data-page="ProductTour"] .pt-chapter-head h2{ font-size: 58px; }body[data-page="ProductTour"] .pt-scene-layout{ grid-template-columns: 220px minmax(0,1fr); gap: 32px; }body[data-page="ProductTour"] .pt-scene-caption{ position: static; }body[data-page="ProductTour"] .pt-scene-caption > span{ font-size: 44px; }body[data-page="ProductTour"] .pt-source-list{ grid-template-columns: 1fr; }body[data-page="ProductTour"] .pt-before-after{ grid-template-columns: 1fr; gap: 0; }body[data-page="ProductTour"] .pt-comparison-lens{ min-height: 100px; }body[data-page="ProductTour"] .pt-comparison-lens image-slot{ width: 68px; height: 68px; }body[data-page="ProductTour"] .pt-comparison-lens span{ bottom: 6px; }body[data-page="ProductTour"] .pt-bulk-overview{ grid-template-columns: 1fr; }body[data-page="ProductTour"] .pt-export-flow{ grid-template-columns: 1fr; }body[data-page="ProductTour"] .pt-export-bridge{ min-height: 70px; transform: rotate(90deg); }}@media (max-width: 760px){body[data-page="ProductTour"] .pt-hero{ padding: 60px 0 38px; }body[data-page="ProductTour"] .pt-family-band{ display: block; }body[data-page="ProductTour"] .pt-family-band > div{ display: inline-flex; margin: 0 12px 7px 0; }body[data-page="ProductTour"] .pt-family-band > div:not(:last-child)::after,body[data-page="ProductTour"] .pt-family-band span{ display: none; }body[data-page="ProductTour"] .pt-hero-intro::before{ left: -8px; }body[data-page="ProductTour"] .pt-hero-copy h1{ font-size: 42px !important; line-height: 1.08 !important; }body[data-page="ProductTour"] .pt-window-bar em{ display: none; }body[data-page="ProductTour"] .pt-workspace-body{ grid-template-columns: 1fr; min-height: 0; }body[data-page="ProductTour"] .pt-workspace-body > aside{ display: none; }body[data-page="ProductTour"] .pt-workspace-body > main{ padding: 22px 18px 64px; }body[data-page="ProductTour"] .pt-hero-record > div{ grid-template-columns: 1fr; gap: 6px; }body[data-page="ProductTour"] .pt-hero-progress{ grid-template-columns: repeat(9,92px); overflow-x: auto; }body[data-page="ProductTour"] .pt-progress-bead{ display: none; }body[data-page="ProductTour"] .pt-tour-deck{ top: 72px; }body[data-page="ProductTour"] .pt-chapter-head{ padding-top: 62px; }body[data-page="ProductTour"] .pt-chapter-head > div{ grid-template-columns: 1fr; gap: 6px; }body[data-page="ProductTour"] .pt-chapter-head span,body[data-page="ProductTour"] .pt-chapter-head h2,body[data-page="ProductTour"] .pt-chapter-head p{ grid-column: 1; grid-row: auto; }body[data-page="ProductTour"] .pt-chapter-head h2{ font-size: 50px; line-height: 1; }body[data-page="ProductTour"] .pt-chapter-head p{ font-size: 16px; }body[data-page="ProductTour"] .pt-section{ padding: 72px 0; }body[data-page="ProductTour"] .pt-scene-layout{ display: block; }body[data-page="ProductTour"] .pt-scene-caption{ margin-bottom: 32px; }body[data-page="ProductTour"] .pt-scene-caption p{ max-width: none; }body[data-page="ProductTour"] .pt-screen::before{ display: none; }body[data-page="ProductTour"] .pt-screen-bar{ height: auto; min-height: 42px; padding-block: 10px; }body[data-page="ProductTour"] .pt-filter-row,body[data-page="ProductTour"] .pt-input-grid,body[data-page="ProductTour"] .pt-source-context,body[data-page="ProductTour"] .pt-attribute-table,body[data-page="ProductTour"] .pt-validation-summary,body[data-page="ProductTour"] .pt-content-tabs,body[data-page="ProductTour"] .pt-before-after,body[data-page="ProductTour"] .pt-bulk-overview,body[data-page="ProductTour"] .pt-export-flow{ margin-top: 0; padding-top: 22px; }body[data-page="ProductTour"] .pt-catalog-table > div{ grid-template-columns: 92px 1fr 92px; }body[data-page="ProductTour"] .pt-catalog-table > div > *:nth-child(3),body[data-page="ProductTour"] .pt-catalog-table > div > *:nth-child(4){ display: none; }body[data-page="ProductTour"] .pt-input-grid{ grid-template-columns: 1fr; }body[data-page="ProductTour"] .pt-input-product{ display: grid; grid-template-columns: 84px 1fr; gap: 0 12px; }body[data-page="ProductTour"] .pt-input-product image-slot{ grid-row: 1 / 5; width: 84px; height: 84px; }body[data-page="ProductTour"] .pt-field-stack > div{ grid-template-columns: 1fr; gap: 5px; }body[data-page="ProductTour"] .pt-field-stack em{ text-align: left; }body[data-page="ProductTour"] .pt-sources-screen{ min-height: 0; }body[data-page="ProductTour"] .pt-source-context{ position: static; display: block; width: auto; margin: 22px 22px 18px; transform: none; }body[data-page="ProductTour"] .pt-source-context > span{ display: block; margin-top: 14px; }body[data-page="ProductTour"] .pt-source-list{ display: grid; height: auto; gap: 10px; margin: 0 22px 22px; }body[data-page="ProductTour"] .pt-source-list::before,body[data-page="ProductTour"] .pt-source-list::after{ display: none; }body[data-page="ProductTour"] .pt-source-list article,body[data-page="ProductTour"] .pt-source-list article:nth-child(n){ position: static; width: auto; }body[data-page="ProductTour"] .pt-attribute-table > div{ grid-template-columns: 1.2fr 1fr 92px; }body[data-page="ProductTour"] .pt-attribute-table > div > *:nth-child(3){ display: none; }body[data-page="ProductTour"] .pt-validation-summary{ display: block; }body[data-page="ProductTour"] .pt-validation-summary > span{ display: block; margin-top: 12px; }body[data-page="ProductTour"] .pt-validation-table > div{ grid-template-columns: 1fr 100px; }body[data-page="ProductTour"] .pt-validation-table > div > *:nth-child(2){ display: none; }body[data-page="ProductTour"] .pt-content-editor{ grid-template-columns: 1fr; }body[data-page="ProductTour"] .pt-before-after article > div{ grid-template-columns: 1fr; gap: 5px; }body[data-page="ProductTour"] .pt-before-after article > div strong{ text-align: left; }body[data-page="ProductTour"] .pt-bulk-stats{ grid-template-columns: 1fr 1fr; }body[data-page="ProductTour"] .pt-bulk-list > div{ grid-template-columns: 1fr; gap: 5px; }body[data-page="ProductTour"] .pt-bulk-list em{ text-align: left; }body[data-page="ProductTour"] .pt-cta{ padding: 72px 0 84px; }body[data-page="ProductTour"] .pt-cta-box{ display: block; padding: 38px 30px; }body[data-page="ProductTour"] .pt-cta-box > div:last-child{ margin-top: 24px; }}@media (prefers-reduced-motion: reduce){body[data-page="ProductTour"] .pt-workspace-foot span{ width: 100%; animation: none; }body[data-page="ProductTour"] .pt-progress-bead{ left: 94.45%; animation: none; background: var(--pt-teal); }body[data-page="ProductTour"] .pt-export-bridge > i{ left: calc(100% - 7px); animation: none; background: var(--pt-teal); }body[data-page="ProductTour"] .pt-reveal{ opacity: 1; transform: none; transition: none; }}.tpa-measure-map .m1{left:8%;top:14%}.tpa-measure-map .m2{right:9%;top:20%}.tpa-measure-map .m3{left:7%;top:48%}.tpa-measure-map .m4{right:8%;top:51%}.tpa-measure-map .m5{left:12%;bottom:17%}.tpa-measure-map .m6{right:10%;bottom:15%}.tpa-measure-map .x1{left:15%;right:15%;top:39%}.tpa-measure-map .x2{left:20%;right:20%;bottom:34%;transform:rotate(-14deg)}.tpa-fitment-map .f1{left:0;top:40px;border-left:3px solid #16825d}.tpa-fitment-map .f2{right:0;top:60px;border-left:3px solid #b66a00}.tpa-fitment-map .f3{right:8%;bottom:48px;border-left:3px solid #c63838}.tpa-unit-lane .is-review{background:#fff7ed}.tpa-unit-lane .is-review strong{color:#b66a00}.dqc__map-row .rule{color:var(--blue)}.dqc__map-row .na{color:#9aa7b9}.dqc__map-row .missing{color:#b56316;background:#fff3e6;padding:7px}.acs-example-table .is-review{ color: #9b5d00; background: #fff2dd; }.hra-route-lanes .is-review strong{ color: var(--hra-warn); }.spc-workspace .is-review{color:var(--spc-blue)}.ctc1-ledger .is-review{color:#bb7600}.s11-title-lab .is-after b{color:#16825d}.pim9-loop-svg .return{stroke-width:1.9}.pim9-architecture svg .back{stroke:#3baea8}.agri05-field-grid .is-review{border-color:#e7d5b5;background:#fff9f0}.agri05-field-grid .is-review::after{content:"REVIEW";color:var(--agri05-warning)}.agri05-field-grid .is-review p{color:var(--agri05-warning)}.agri06-spec-pane .is-review dd{color:var(--agri06-warning)}.agri07-pdp-body .is-review dd{color:var(--agri07-warning)}.agri08-layer-ledger .is-review b{color:var(--agri08-amber);background:#fff3df}.agri09 .is-review{color:var(--agri09-amber)!important;background:#fff2de}.agri11-generations .is-review{color:#e0a95e;background:#362a1c}.agri15-radar .r1{top:35px;left:50%;transform:translateX(-50%)}.agri15-radar .r2{top:145px;right:18px}.agri15-radar .r3{right:45px;bottom:55px}.agri15-radar .r4{bottom:55px;left:45px}.agri15-radar .r5{top:145px;left:18px}@media (max-width:420px){.agri15-radar .r2{right:5px}.agri15-radar .r5{left:5px}}.agri02-proof-stage .is-after dd{color:#52cec4}.agri04-record-proof .is-after .agri04-label{color:#42c2ba}.agri04-record-proof .is-after dd{color:#42c2ba}.ecom05-example-grid>.is-after{border-color:#cfe5e2;background:#f8fcfb}.ecom05-example-grid>.is-after .ecom05-label{color:var(--ec5-teal)}.ecom05-example-grid>.is-after strong{color:#126966}.erpint .dark .erpint-lead,.erpint .dark .erpint-body{ color: #b9c3d1; }.erpint .dark .erpint-eyebrow{ color: #39bdb5; }.erpint .dark .erpint-eyebrow::before{ background: linear-gradient(90deg, #5e86ff, #39bdb5); }.erpint-fc-row .role{ color: var(--erp-steel); font-size: 14px; }@media (max-width: 820px){.erpint-fc-row .role::before{ display: block; margin-bottom: 2px; content: "Workflow role"; color: #8a95a7; font: 600 10px/1.2 "IBM Plex Mono", monospace; text-transform: uppercase; }}.csvint .dark .csvint-eyebrow{ color: #55CDC6; }.csvint .dark .csvint-lead,.csvint .dark .csvint-body{ color: #B9C3D1; }.sdo .dark .sdo-eyebrow{ color: #55CDC6; }.sdo .dark .sdo-lead,.sdo .dark .sdo-body{ color: #B9C3D1; }@media (max-width:1023px){.akx-arch-node:not(.destination)::after{content:"↓";position:absolute;left:50%;bottom:-45px;color:#42cbc3;font-family:"IBM Plex Mono",monospace}}.irx-gate-row .ok{color:var(--irx-ok);border-color:rgba(22,130,93,.25);background:#f7fcf9}.irx-gate-row .warn{color:var(--irx-warn);border-color:rgba(182,106,0,.26);background:#fffbf4}.irx-gate-row .stop{color:var(--irx-stop);border-color:rgba(198,56,56,.24);background:#fff7f7}@media (max-width:1240px){body:has(.mrvx) .site-nav{display:none}body:has(.mrvx) .site-header__menu{display:inline-flex}}@media (max-width:1240px){body:has(.wsvx) .site-nav{display:none}body:has(.wsvx) .site-header__menu{display:inline-flex}}@media (max-width:1240px){body:has(.dgvx) .site-nav{display:none}body:has(.dgvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.akvx) .site-nav{display:none}body:has(.akvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.bsvx) .site-nav{display:none}body:has(.bsvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.ivrx) .site-nav{display:none}body:has(.ivrx) .site-header__menu{display:inline-flex}}}@layer sections{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:1240px){body:has(.pmvx) .site-nav{display:none}body:has(.pmvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:1240px){body:has(.pcvx) .site-nav{display:none}body:has(.pcvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.plvx) .site-nav{display:none}body:has(.plvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.slvx) .site-nav{display:none}body:has(.slvx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.synx) .site-nav{display:none}body:has(.synx) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.bm14) .site-nav{display:none}body:has(.bm14) .site-header__menu{display:inline-flex}}}@layer sections{code{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:1240px){body:has(.dnvs) .site-nav{display:none}body:has(.dnvs) .site-header__menu{display:inline-flex}}}@layer sections{code{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:1240px){body:has(.pic17) .site-nav{display:none}body:has(.pic17) .site-header__menu{display:inline-flex}}}@layer sections{@media (max-width:1240px){body:has(.pev16) .site-nav{display:none}body:has(.pev16) .site-header__menu{display:inline-flex}}}@layer sections{.eui-toolbar .left,.eui-toolbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.log-line .state{color:#8EA8FF}@media (max-width:640px){.bape-page .eui-toolbar .right{width:100%}}}@layer sections{.r3-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r7-page .page{position:relative;isolation:isolate}.r7-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.body{padding:26px}@media (max-width:680px){.body{padding:18px}}}@layer sections{.r10-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.dark{background:#0D1524;color:#fff}.dark h2,.dark h3{color:#fff}.dark .r10-lead,.dark .r10-copy{color:#B2BECD}.dark .r10-kicker{background:rgba(17,26,43,.82);border-color:#22324A;color:#7EB3FF}.mismatch{fill:#F0B357;filter:drop-shadow(0 0 5px rgba(240,179,87,.35))}}@layer sections{.r11-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r12-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r13-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r14-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r15-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r16-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r17-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r18-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r19-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r20-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.r21-page .mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}}@layer sections{.consent-banner,.consent-dialog{ position: fixed; z-index: 10000; color: #0b1220; font-family: Inter, Arial, sans-serif; }.consent-banner[hidden],.consent-dialog[hidden]{ display: none; }.consent-banner{ left: 20px; right: 20px; bottom: 20px; max-width: 760px; margin-inline: auto; padding: 20px; border: 1px solid rgba(116, 143, 192, 0.45); border-radius: 16px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 24px 80px rgba(10, 24, 52, 0.24); overflow: hidden; }.consent-banner::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg, #245beb, #21c4c3); }.consent-banner__content{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; }.consent-banner h2,.consent-dialog h2{ margin: 0 0 8px; font-size: 20px; line-height: 1.2; }.consent-banner p,.consent-dialog p{ margin: 0; color: #4c5a70; font-size: 13px; line-height: 1.55; }.consent-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }.consent-button,.site-footer__cookie-settings{ border: 1px solid #cfd8e7; border-radius: 9px; background: #fff; color: #26344c; cursor: pointer; font: 600 12px/1.2 Inter, Arial, sans-serif; }.consent-button{ padding: 10px 13px; }.consent-button--primary{ border-color: #245beb; background: #245beb; color: #fff; }.consent-button:hover{ border-color: #245beb; }.site-footer__cookie-settings{ padding: 3px 0; border: 0; background: transparent; color: inherit; text-decoration: underline; text-underline-offset: 3px; }.consent-dialog{ inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(7, 14, 28, 0.58); }.consent-dialog__panel{ width: min(520px, 100%); max-height: min(680px, calc(100vh - 40px)); overflow: auto; padding: 26px; border-radius: 18px; background: #fff; box-shadow: 0 30px 100px rgba(0, 0, 0, 0.28); border-top: 4px solid #245beb; }.consent-dialog__categories{ margin-top: 18px; }.consent-dialog__category + .consent-dialog__category{ margin-top: 10px; }.consent-dialog__row{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 0; padding: 16px; border: 1px solid #dde4ee; border-radius: 12px; }.consent-dialog__row strong,.consent-dialog__service strong{ display: block; margin-bottom: 4px; font-size: 14px; }.consent-dialog__row small,.consent-dialog__service small{ display: block; color: #66758d; font-size: 12px; line-height: 1.45; }.consent-dialog__row input,.consent-dialog__service input{ flex: 0 0 auto; width: 21px; height: 21px; accent-color: #245beb; }.consent-dialog__services{ margin: -1px 12px 0; padding: 6px 12px 10px; border: 1px solid #e5eaf2; border-top: 0; border-radius: 0 0 10px 10px; background: #f8faff; }.consent-dialog__service{ display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 10px 2px; }.consent-dialog__service + .consent-dialog__service{ border-top: 1px solid #e5eaf2; }.consent-dialog__service.is-disabled{ opacity: 0.52; }.consent-dialog__privacy{ display: inline-block; margin-top: 16px; color: #245beb; font-size: 12px; font-weight: 650; text-underline-offset: 3px; }.consent-dialog .consent-actions{ margin-top: 22px; }@media (max-width: 760px){.consent-banner__content{ grid-template-columns: minmax(0, 1fr); }.consent-actions{ justify-content: flex-start; }}@media (max-width: 520px){.consent-banner{ left: 10px; right: 10px; bottom: 10px; padding: 16px; }.consent-button{ flex: 1 1 auto; }}}@layer responsive{.site-footer .site-footer__group{ position: relative; padding: 0; overflow: visible; }.site-footer .site-footer__group > *{ position: relative; z-index: auto; }.site-footer .site-footer__title{ margin: 0 0 var(--space-4); color: var(--color-steel-600); font-family: var(--font-mono); font-size: 11px; font-weight: var(--font-weight-regular); line-height: 26px; letter-spacing: 0.06em; text-transform: uppercase; }.site-header .site-nav__group{ position: relative; padding: 0; overflow: visible; border: 0; background: transparent; }.site-header .site-nav__group > *{ position: relative; z-index: auto; }.site-header .site-nav__title,.site-header .site-nav__solution-eyebrow{ margin: 0 0 10px; color: var(--text-muted); font-family: var(--font-mono); font-size: 11px; font-weight: var(--font-weight-regular); line-height: var(--text-body-line); letter-spacing: 0.06em; text-transform: uppercase; }@media (min-width: 1121px) and (max-width: 1366px){.site-header__inner{ gap: var(--space-4); padding-inline: 24px; }.site-header__brand img{ height: 36px; }.site-nav{ gap: 14px; }.site-nav__primary,.site-nav__direct{ font-size: 14px; }.site-header__actions{ gap: 10px; }.site-header__signin{ font-size: 14px; }}@media (max-width: 1120px){.site-nav{ display: none; }.site-header__menu{ display: inline-flex; }.site-header__actions > .site-header__search,.site-header__actions > .site-header__locale,.site-header__actions > .site-header__locale-menu,.site-header__actions > .site-header__signin,.site-header__actions > .button{ display: none; }.site-footer__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }.explore__section-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.responsive-grid--4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }body:not([data-responsive-contract="claude-authored"]) main section[data-screen-label]{ padding-block: var(--section-padding-sm); }}@media (max-width: 760px){.site-header__inner,.site-footer__inner,.breadcrumbs__list{ padding-inline: 20px; }.site-header__actions{ gap: var(--space-3); }.site-header__signin{ display: none; }.site-header__actions > .button{ display: none; }.mobile-nav__inner{ width: calc(100% - 40px); }.site-footer__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); }.responsive-grid,.responsive-grid--4{ grid-template-columns: minmax(0, 1fr); }.explore__surface{ inset: 0; border: 0; border-radius: 0; }.explore__header{ padding: 20px 20px 12px; }.explore__header h2{ font-size: 26px; line-height: 32px; }.explore__search-wrap{ padding: 0 20px 14px; }.explore__tabs{ padding: 0 20px 12px; }.explore__status{ padding: 9px 20px; }.explore__directory{ padding: 4px 20px 30px; }.explore__section-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }body:not([data-responsive-contract="claude-authored"]) main section[data-screen-label]{ padding-block: var(--section-padding-xs); }}@media (max-width: 480px){.site-header__brand img{ height: 34px; }.site-footer__grid{ grid-template-columns: minmax(0, 1fr); }.site-footer__lead{ align-items: flex-start; flex-direction: column; }.site-footer__bottom{ align-items: flex-start; flex-direction: column; }.breadcrumbs__list{ gap: 7px; font-size: 10px; }.explore__section-grid{ grid-template-columns: minmax(0, 1fr); }.mobile-nav__utilities{ grid-template-columns: minmax(0, 1fr); }.mobile-nav__signin{ justify-content: flex-start; }}@media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto; }*,*::before,*::after{ animation-duration: 1ms; animation-iteration-count: 1; transition-duration: 1ms; }}}.lead-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.semantic-links{padding:72px 24px;background:var(--surface-alt);border-top:1px solid var(--border-default)}.semantic-links__inner{width:min(1176px,100%);margin-inline:auto}.semantic-links h2{margin:0 0 28px;color:var(--text-heading);font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.025em}.semantic-links__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.semantic-links__list a{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:var(--text-heading);background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;font-weight:600;text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.semantic-links__list a:hover{color:var(--text-link);border-color:var(--color-brand-500);transform:translateY(-2px)}.semantic-links__list a:focus-visible{outline:0;box-shadow:var(--focus-ring);border-color:var(--border-focus)}.semantic-links__list a span{flex:0 0 auto;color:var(--text-link)}@media (max-width:1023px){.semantic-links__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.semantic-links{padding:56px 20px}.semantic-links__list{grid-template-columns:1fr}.semantic-links__list a{min-height:64px}}@keyframes pt-workspace-progress{ 0% { width: 8%; opacity: .4; } 80% { width: 100%; opacity: 1; } 100% { width: 100%; opacity: .2; } }@keyframes pt-rail-sweep{ 0% { left: 5.55%; opacity: 0; background: var(--pt-blue); } 5% { opacity: 1; } 88% { left: 94.45%; opacity: 1; background: var(--pt-teal); } 100% { left: 94.45%; opacity: 0; background: var(--pt-teal); } }@keyframes pt-export-packet{ 0% { left: 0; opacity: 0; background: var(--pt-blue); } 12% { opacity: 1; } 88% { left: calc(100% - 7px); opacity: 1; background: var(--pt-teal); } 100% { left: calc(100% - 7px); opacity: 0; } }