:root{--pelago-yellow:#F9DB5E;--pelago-yellow-deep:#F2C94C;--pelago-yellow-tint:#FFF0A8;--pelago-cream:#FDEFD0;--pelago-green:#E4EECB;--pelago-peach:#F8D5BD;--pelago-blue:#DAE4F3;--pelago-lavender:#E6DEF3;--pelago-cream-deep:#F4D9A0;--pelago-green-deep:#BBD084;--pelago-peach-deep:#F0A878;--pelago-blue-deep:#A9BFE0;--pelago-lavender-deep:#BCAFE0;--pelago-burgundy:#632F34;--pelago-burgundy-soft:#8C4A50;--ink-900:#0E0E0E;--ink-700:#3A3A3A;--ink-500:#6B6B6B;--ink-300:#B8B8B8;--ink-100:#E6E6E6;--ink-50:#F5F5F5;--paper:#FFFFFF;--semantic-success:#4E8A3D;--semantic-warning:#D89A1F;--semantic-danger:#B24040;--semantic-info:#3E6AAF;--fg-1:var(--ink-900);--fg-2:var(--ink-700);--fg-3:var(--ink-500);--fg-on-yellow:var(--ink-900);--fg-on-dark:var(--paper);--bg-1:var(--paper);--bg-2:var(--ink-50);--bg-brand:var(--pelago-yellow);--bg-section:var(--pelago-cream);--border-1:var(--ink-100);--border-2:var(--ink-300);--accent-primary:var(--pelago-yellow);--accent-deep:var(--pelago-burgundy);--font-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-slab:"Roboto Slab","DM Sans",ui-serif,serif;--font-display:"Roboto Slab","DM Sans",ui-serif,Georgia,serif;--fs-eyebrow:18px;--fs-body-sm:20px;--fs-body:24px;--fs-body-lg:28px;--fs-h4:32px;--fs-h3:40px;--fs-h2:52px;--fs-h1:84px;--fs-kpi:110px;--fs-kpi-sm:72px;--fs-web-body:16px;--fs-web-lede:20px;--fs-web-h4:22px;--fs-web-h3:28px;--fs-web-h2:36px;--fs-web-h1:56px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.04;--lh-snug:1.15;--lh-normal:1.35;--lh-relaxed:1.5;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(14,14,14,0.04);--shadow-sm:0 2px 6px rgba(14,14,14,0.06);--shadow-md:0 8px 20px rgba(14,14,14,0.08);--shadow-lg:0 20px 40px rgba(14,14,14,0.10);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-entrance:cubic-bezier(0,0,0.2,1);--ease-exit:cubic-bezier(0.4,0,1,1);--duration-fast:120ms;--duration-mid:220ms;--duration-slow:420ms}.t-hero{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.t-hero,.t-title{font-family:var(--font-sans);font-weight:var(--fw-bold);color:var(--fg-1)}.t-title{font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}.t-section-num{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:96px;line-height:1;letter-spacing:var(--tracking-tight);color:var(--fg-1)}.t-h3{font-size:var(--fs-h3)}.t-h3,.t-h4{font-family:var(--font-sans);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--fg-1)}.t-h4{font-size:var(--fs-h4)}.t-eyebrow{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-eyebrow);line-height:1.2;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-2)}.t-lede{font-size:var(--fs-body-lg)}.t-body,.t-lede{font-family:var(--font-sans);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-1)}.t-body{font-size:var(--fs-body)}.t-body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-normal);color:var(--fg-2)}.t-body-sm,.t-caption{font-family:var(--font-sans);font-weight:var(--fw-regular)}.t-caption{font-size:16px;line-height:1.3;color:var(--fg-3)}.t-kpi{font-size:var(--fs-kpi)}.t-kpi,.t-kpi-sm{font-family:var(--font-sans);font-weight:var(--fw-bold);line-height:.95;letter-spacing:var(--tracking-tight);color:var(--fg-1)}.t-kpi-sm{font-size:var(--fs-kpi-sm)}.t-slab{font-family:var(--font-slab);font-weight:var(--fw-medium)}.t-pelago{font-family:var(--font-display);font-style:italic;font-weight:var(--fw-bold);letter-spacing:-.02em}.t-arrow-list{list-style:none;padding-left:0;margin:0}.t-arrow-list>li{padding-left:28px;position:relative;margin-bottom:10px;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--fg-1)}.t-arrow-list>li:before{content:"➔";position:absolute;left:0;top:0;color:var(--fg-1);font-weight:var(--fw-bold)}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/brand/fonts/dm-sans-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/brand/fonts/roboto-slab-latin-wght-normal.woff2) format("woff2")}:root{color-scheme:light;--fs-app-caption:calc(var(--fs-web-body) * .875)}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--bg-1);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-web-body);line-height:var(--lh-relaxed)}button,input,select{font:inherit}a{color:var(--fg-1);text-underline-offset:var(--space-1)}a:hover{color:var(--accent-deep)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pelago-yellow-deep);outline-offset:2px}.skip-link{position:absolute;top:var(--space-3);left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--bg-brand);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--border-1);background:var(--bg-1)}.header-inner,.site-footer,main{width:100%;max-width:none;margin-inline:0;padding-inline:var(--space-6)}.header-inner{display:flex;justify-content:space-between;min-height:var(--space-9);padding-block:var(--space-5)}.brand-lockup,.header-inner{align-items:center;gap:var(--space-5)}.brand-lockup{display:inline-flex;color:var(--fg-1);text-decoration:none;min-width:0}.brand-logo{display:block;width:calc(var(--space-6) * 4);height:auto}.brand-divider{height:var(--space-6);width:1px;background:var(--border-2)}.brand-product{font-size:var(--fs-web-body);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.header-meta{display:flex;align-items:center;gap:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--pelago-green);color:var(--fg-1);font-size:var(--fs-app-caption);font-weight:var(--fw-medium);white-space:nowrap}.badge-neutral{background:var(--bg-2);color:var(--fg-2)}main{padding-block:var(--space-7) var(--space-8);min-height:calc(100vh - var(--space-9) * 2)}h1,h2,h3{margin:0;color:var(--fg-1);font-family:var(--font-sans);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);overflow-wrap:anywhere}h1{font-size:clamp(var(--fs-web-h2),5vw,var(--fs-web-h1));letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);max-width:16ch}h2{font-size:var(--fs-web-h3)}h3{font-size:var(--fs-web-h4)}p{margin:var(--space-4) 0 0;color:var(--fg-2)}.lede{font-size:var(--fs-web-lede);line-height:var(--lh-relaxed);max-width:56ch}.eyebrow,.section-label{margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-app-caption);font-weight:var(--fw-semibold);color:var(--fg-2)}.section-number{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--bg-1);color:var(--fg-1)}.hero{background:var(--pelago-cream);border-radius:var(--radius-lg);padding:var(--space-7)}.hero-auth{background:var(--pelago-yellow)}.hero .lede{margin-top:var(--space-5)}.section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-7) var(--space-5)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--space-9) * 3)),1fr));gap:var(--space-5)}.artifact-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background:var(--pelago-green);border:0;border-radius:var(--radius-lg)}.artifact-card:nth-child(3n+2){background:var(--pelago-blue)}.artifact-card:nth-child(3n+3){background:var(--pelago-peach)}.artifact-card h3{margin-top:var(--space-2)}.artifact-card p{margin:0}.artifact-card .button{margin-top:auto}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);color:var(--fg-2);font-size:var(--fs-app-caption)}.card,.state-card{padding:var(--space-6);background:var(--bg-2);border:0;border-radius:var(--radius-lg);margin-block:var(--space-5)}.state-card{background:var(--pelago-cream);padding:var(--space-7)}.state-card p{max-width:64ch}.state-card .button{margin-top:var(--space-5)}.state-card.is-error{background:var(--pelago-peach)}.state-card.is-empty{background:var(--pelago-blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-7);padding:var(--space-3) var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--bg-brand);font-size:var(--fs-web-body);font-weight:var(--fw-semibold);line-height:var(--lh-normal);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.button,.button:hover{color:var(--fg-on-yellow)}.button:hover{background:var(--pelago-yellow-deep)}.button:active{transform:scale(.98)}.button-dark{background:var(--ink-900);color:var(--fg-on-dark)}.button-dark:hover{background:var(--ink-700);color:var(--fg-on-dark)}.button-quiet{background:transparent;color:var(--fg-1);outline:1px solid var(--fg-1);outline-offset:-1px}.button-quiet:hover{background:var(--ink-900);color:var(--fg-on-dark)}.button:disabled,.button[aria-disabled=true]{background:var(--bg-2);color:var(--fg-3);cursor:not-allowed;transform:none}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5)}.notice{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:var(--space-1) solid var(--pelago-yellow-deep);background:var(--pelago-yellow-tint);color:var(--fg-2);margin-block:var(--space-5)}.breadcrumb{display:inline-flex;margin-bottom:var(--space-5);color:var(--fg-2);font-size:var(--fs-app-caption)}.version-panel{margin-top:var(--space-6);background:var(--bg-2);border-radius:var(--radius-lg);padding:var(--space-6)}.version-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5)}.links,.version-header{display:flex;flex-wrap:wrap}.links{gap:var(--space-3);align-items:center}.version-link{padding:var(--space-2) var(--space-4);min-height:var(--space-7);display:inline-flex;align-items:center;border-radius:var(--radius-pill);color:var(--fg-2);background:var(--bg-1);font-size:var(--fs-app-caption);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard)}.version-link:hover{background:var(--pelago-cream-deep);color:var(--fg-1)}.version-link[aria-current=page]{background:var(--bg-brand);color:var(--fg-1);font-weight:var(--fw-semibold)}.preview-section{margin-top:var(--space-6)}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--fs-app-caption);color:var(--fg-2)}iframe{display:block;width:100%;height:calc(var(--space-9) * 6);border:0;background:var(--bg-2)}.preview-state,iframe{border-radius:var(--radius-lg)}.preview-state{min-height:calc(var(--space-9) * 3);display:grid;align-content:center;padding:var(--space-6);background:var(--pelago-cream)}.preview-state.is-error{background:var(--pelago-peach)}.preview-state p{margin-top:var(--space-2)}.session-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-1)}.session-bar p{margin:0}.caption,.muted{color:var(--fg-3)}.caption,.muted,code{font-size:var(--fs-app-caption)}code{overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-5) var(--space-6);border-top:1px solid var(--border-1)}.footer-copy{margin:0;color:var(--fg-3);font-size:var(--fs-app-caption)}.brand-mark{display:block;width:auto;height:var(--space-6)}.auth-layout{width:100%;max-width:none;margin-inline:0}.auth-layout .state-card{margin-top:var(--space-5)}.auth-layout h1{max-width:18ch}.auth-layout .lede{max-width:46ch}.auth-notice{margin-top:var(--space-5);color:var(--fg-2)}@media (max-width:640px){.header-inner,.site-footer,main{padding-inline:var(--space-5)}.header-inner{min-height:calc(var(--space-8) + var(--space-4));padding-block:var(--space-4)}.brand-lockup,.header-inner{gap:var(--space-3)}.brand-logo{width:var(--space-9)}.brand-product{font-size:var(--fs-app-caption);max-width:8ch}.brand-divider{height:var(--space-5)}main{padding-block:var(--space-6) var(--space-7)}.hero,.state-card{padding:var(--space-6) var(--space-5)}.artifact-card,.card,.version-panel{padding:var(--space-5)}.section-heading{margin-top:var(--space-6)}.preview-caption{align-items:flex-start;flex-direction:column;gap:var(--space-2)}iframe{height:calc(var(--space-9) * 9)}.site-footer{align-items:flex-end}}main:has(>.artifact-workspace){padding:0}.artifact-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100dvh - var(--space-9))}.workspace-sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:calc(100dvh - var(--space-9));min-height:420px;border-right:1px solid var(--border-1);background:var(--bg-2);padding:var(--space-6) var(--space-4);min-width:0}.sidebar-heading{padding-inline:var(--space-3);padding-bottom:var(--space-5)}.sidebar-heading .section-label{margin-bottom:var(--space-3)}.sidebar-heading .caption{margin-top:var(--space-3)}.sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-title h2{font-size:var(--fs-web-h4)}.artifact-navigation{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;min-height:0;flex:1 1;padding:var(--space-1)}.sidebar-artifact{display:flex;gap:var(--space-3);align-items:flex-start;min-height:64px;padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--fg-1);transition:background-color var(--duration-fast) var(--ease-standard)}.sidebar-artifact:hover{background:var(--pelago-cream);color:var(--fg-1)}.sidebar-artifact[aria-current=page]{background:var(--pelago-yellow);color:var(--fg-1)}.artifact-icon{flex:0 0 auto;margin-top:2px}.sidebar-artifact-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1 1}.sidebar-artifact-name{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.sidebar-artifact-description,.sidebar-artifact-name{font-size:var(--fs-app-caption);line-height:var(--lh-snug)}.sidebar-artifact-description{color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.account-dot,.sidebar-active-dot{display:inline-block;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--ink-900);flex:0 0 auto;margin-top:6px}.sidebar-empty{padding:var(--space-3);font-size:var(--fs-app-caption)}.sidebar-status{padding-inline:var(--space-3)}.sidebar-account{margin-top:var(--space-5);padding:var(--space-5) var(--space-3) 0;border-top:1px solid var(--border-1);font-size:var(--fs-app-caption)}.sidebar-account p{margin-top:var(--space-2)}.sidebar-account a{display:inline-flex;padding-block:var(--space-3)}.account-indicator{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-medium)}.account-dot{margin:0;background:var(--accent-deep)}.sidebar-identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.workspace-content{min-width:0;padding:var(--space-6)}.workspace-content>.state-card{margin:0}.artifact-viewer{min-width:0}.artifact-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-6);padding:var(--space-6)}.artifact-overview{min-width:0}.artifact-toolbar .section-label{margin-bottom:var(--space-3)}.artifact-toolbar h1{max-width:none;font-size:clamp(var(--fs-web-h4),3vw,var(--fs-web-h3));line-height:var(--lh-snug)}.artifact-description{max-width:70ch;margin-top:var(--space-3);font-size:var(--fs-app-caption)}.artifact-overview .card-meta{margin-top:var(--space-4)}.version-picker{width:240px;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.version-picker-label{font-weight:var(--fw-semibold);font-size:var(--fs-app-caption);color:var(--fg-1)}.version-picker-control{position:relative}.version-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-width:0;min-height:var(--space-7);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);color:var(--fg-on-yellow);background:var(--bg-brand);font-family:var(--font-sans);font-size:var(--fs-web-body);font-weight:var(--fw-semibold);line-height:var(--lh-normal);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.version-picker-trigger:hover:not(:disabled){background:var(--pelago-yellow-deep)}.version-picker-trigger:disabled{cursor:default;color:var(--fg-3);background:var(--bg-2)}.version-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-picker-chevron{flex:0 0 auto;width:var(--space-4);height:var(--space-4);color:currentColor;pointer-events:none;transition:transform var(--duration-fast) var(--ease-standard)}.version-picker-trigger[aria-expanded=true] .version-picker-chevron{transform:rotate(180deg)}.version-picker-menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:30;width:max(100%,320px);max-width:calc(100vw - var(--space-5) * 2);max-height:min(calc(var(--space-9) * 3),50dvh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:var(--space-2);list-style:none;border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--bg-1);color:var(--fg-1)}.version-picker-option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-7);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.version-picker-option+.version-picker-option{margin-top:var(--space-1)}.version-picker-option[aria-selected=true]{background:var(--pelago-yellow-tint)}.version-picker-option[data-active=true]{background:var(--pelago-cream)}.version-picker-option[aria-selected=true][data-active=true]{background:var(--pelago-yellow-tint)}.version-option-content{min-width:0;flex:1 1}.version-option-heading{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-1);font-size:var(--fs-web-body);font-weight:var(--fw-semibold);line-height:var(--lh-normal);overflow-wrap:anywhere}.version-option-heading .badge{flex:0 0 auto;font-size:var(--fs-app-caption)}.version-option-date{display:block;margin-top:var(--space-1);color:var(--fg-2);font-size:var(--fs-app-caption);line-height:var(--lh-normal)}.version-option-marker{display:flex;flex:0 0 var(--space-5);align-items:center;justify-content:center;color:var(--fg-1)}.version-picker-status{font-size:var(--fs-app-caption);color:var(--fg-2);line-height:var(--lh-relaxed);min-height:1.4em}.workspace-content .preview-section{margin-top:var(--space-5)}.workspace-content iframe{height:max(560px,calc(100dvh - 320px))}@media (max-width:900px){.artifact-workspace{grid-template-columns:240px minmax(0,1fr)}.artifact-toolbar,.workspace-content{padding:var(--space-5)}.artifact-toolbar{gap:var(--space-4)}.version-picker{width:190px}}@media (max-width:700px){.artifact-workspace{grid-template-columns:minmax(0,1fr)}.workspace-sidebar{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--border-1);padding:var(--space-5)}.sidebar-heading{padding:0 0 var(--space-3)}.sidebar-heading .caption,.sidebar-heading .section-label{display:none}.artifact-navigation{flex:auto;max-height:190px;padding:var(--space-1) 0}.sidebar-artifact{min-height:56px}.sidebar-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) 0 0}.sidebar-account .sidebar-identity{display:none}.sidebar-account p{margin:0}.sidebar-account a{padding:0}.artifact-toolbar{grid-template-columns:minmax(0,1fr)}.version-picker{width:100%}.workspace-content{padding:var(--space-5)}.workspace-content iframe{height:860px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.button:active{transform:none}}