html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--ui-space-1: 4px;--ui-space-1_5: 6px;--ui-space-2: 8px;--ui-space-2_5: 10px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-7: 28px;--ui-space-8: 32px;--ui-space-9: 36px;--ui-page-bg: #f7f7f7;--ui-panel-bg: #ffffff;--ui-card-bg: #ffffff;--ui-toolbar-bg: #ffffff;--ui-overlay-bg: #ffffff;--ui-border: #e8ebe4;--ui-border-strong: #d6dbd1;--ui-divider: #dde3d8;--ui-title-text: #1a1a1a;--ui-text: #111111;--ui-text-muted: #6b7280;--ui-text-soft: #9ca3af;--ui-hover: #f3f5f1;--ui-active: #eef2eb;--ui-list-item-hover-bg: #f7f7f7;--ui-list-item-selected-bg: #ebebeb;--ui-control-hover-bg: var(--ui-list-item-hover-bg);--ui-control-pressed-bg: var(--ui-list-item-selected-bg);--ui-status-success-border: #adc8a0;--ui-status-success-bg: #edf5e9;--ui-status-success-text: #48643b;--ui-status-warning-border: #d6b08a;--ui-status-warning-bg: #fff4e8;--ui-status-warning-text: #8a5a2b;--ui-shadow-soft: 0 1px 2px rgba(17, 17, 17, .03), 0 6px 18px rgba(17, 17, 17, .05);--ui-shadow: 0 1px 2px rgba(17, 17, 17, .04), 0 10px 28px rgba(17, 17, 17, .06);--ui-shadow-floating: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--ui-shadow-button: 0 8px 18px rgba(17, 17, 17, .12);--ui-font-family: Inter, "Segoe UI", Arial, sans-serif;--ui-type-interface-size: .875rem;--ui-type-interface-line: 1.25rem;--ui-type-interface-weight: 400;--ui-button-label-size: var(--ui-type-interface-size);--ui-button-label-line: var(--ui-type-interface-line);--ui-button-label-weight: 500;--ui-button-padding-x: 12px;--ui-button-hover-bg: var(--ui-control-hover-bg);--ui-button-active-bg: var(--ui-control-pressed-bg);--ui-button-icon-color: var(--ui-text);--ui-button-icon-hover-color: var(--ui-text);--ui-focus-ring: color-mix(in srgb, var(--ui-text) 52%, transparent);--ui-radius-xs: 6px;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-panel: 12px;--ui-radius-control: 10px;--ui-button-radius: var(--ui-radius-sm);--ui-control-height-sm: 32px;--ui-control-height-md: 38px;--ui-dense-control-height: var(--ui-control-height-sm);--ui-button-height: 40px;--ui-icon-size-sm: 18px;--ui-icon-size-md: 20px;--ui-icon-weight: 400;--ui-icon-grade: 0;--ui-icon-optical-size: 24;--ui-entry-header-height: 52px;--ui-entry-header-edge-offset: 12px;--ui-entry-header-max-width: 1320px;--ui-toolbar-gap-comfortable: var(--ui-space-2_5);--ui-content-max-width: 1120px;--ui-section-content-max-width: var(--ui-content-max-width);--ui-copy-max-width: 920px}*{box-sizing:border-box}app-root,app-landing-header{display:block}html{scroll-behavior:smooth}body{margin:0;background:var(--ui-page-bg);color:var(--ui-text);font-family:var(--ui-font-family);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:var(--ui-page-bg)}.shell{width:min(100% - 40px,var(--ui-content-max-width));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;height:var(--ui-entry-header-height);min-height:var(--ui-entry-header-height);border-bottom:1px solid var(--ui-border);background:var(--ui-toolbar-bg);box-sizing:border-box}.topbar-inner{height:100%;width:min(calc(100% - (var(--ui-entry-header-edge-offset) * 2)),var(--ui-entry-header-max-width));margin:0 auto;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(260px,1fr);align-items:center;gap:var(--ui-space-2)}.brand{display:inline-flex;align-items:center;gap:var(--ui-space-3);line-height:1}.brand-logo{width:132px;height:auto;display:block}.topnav{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-1);color:var(--ui-text);font-family:var(--ui-font-family);font-size:var(--ui-type-interface-size);line-height:var(--ui-type-interface-line);font-weight:var(--ui-type-interface-weight)}.topnav a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--ui-space-3);color:inherit;line-height:var(--ui-type-interface-line);white-space:nowrap;border-radius:var(--ui-button-radius);transition:background-color .16s ease,color .16s ease}.topnav a:hover,.topnav a:focus-visible{background:var(--ui-button-hover-bg);color:var(--ui-text)}.topnav a:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}.topnav a:active{background:var(--ui-button-active-bg)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-toolbar-gap-comfortable)}.button{min-height:var(--ui-button-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);padding:0 var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-card-bg);color:var(--ui-text);font-weight:600;font-size:var(--ui-button-label-size);line-height:1;white-space:nowrap}.button:hover{border-color:var(--ui-border-strong);background:var(--ui-hover)}.button-primary{border-color:#111;background:#111;color:#fff;box-shadow:var(--ui-shadow-button)}.button-primary:hover{border-color:#2a2a2a;background:#2a2a2a}.topbar .button{height:var(--ui-button-height);min-height:var(--ui-button-height);padding-right:var(--ui-button-padding-x);padding-left:var(--ui-button-padding-x);border-radius:var(--ui-button-radius);box-shadow:none;font-family:var(--ui-font-family);font-size:var(--ui-button-label-size);line-height:var(--ui-button-label-line);font-weight:var(--ui-button-label-weight);letter-spacing:0;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.topbar .button:hover,.topbar .button:focus-visible{border-color:var(--ui-border-strong);background:var(--ui-button-hover-bg)}.topbar .button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}.topbar .button:active{background:var(--ui-button-active-bg)}.topbar .button-primary{border-color:#111;background:#111;color:#fff}.topbar .button-primary:hover,.topbar .button-primary:focus-visible{border-color:#2a2a2a;background:#2a2a2a}.topbar .button-primary:active{border-color:#333;background:#333}.hero{padding:88px 0;background:var(--ui-card-bg)}.hero-content{max-width:960px;margin:0 auto;text-align:center}h1,h2,h3,p{margin:0}h1{max-width:900px;margin:0 auto;color:var(--ui-title-text);font-size:clamp(40px,6vw,68px);line-height:.98;font-weight:700;letter-spacing:0}.hero-copy{max-width:var(--ui-copy-max-width);margin:var(--ui-space-6) auto 0;color:var(--ui-text-muted);font-size:18px;line-height:1.58}.hero-image{width:min(100%,820px);margin:var(--ui-space-8) auto 0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:#fff;box-shadow:var(--ui-shadow-soft);overflow:hidden}.hero-image img{width:100%;display:block}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ui-space-3);margin-top:var(--ui-space-7)}.section{padding:88px 0;border-top:1px solid var(--ui-divider)}.section-surface{background:var(--ui-card-bg)}.section-muted{background:var(--ui-page-bg)}.section-heading{max-width:var(--ui-copy-max-width);margin-right:auto;margin-bottom:44px;margin-left:auto;text-align:center}h2{color:var(--ui-title-text);font-size:clamp(28px,4vw,42px);line-height:1.08;font-weight:700;letter-spacing:0}.section-lede{max-width:var(--ui-copy-max-width);margin:var(--ui-space-4) auto 0;color:var(--ui-text-muted);font-size:17px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4)}.card{min-height:100%;padding:var(--ui-space-5);border:0;border-radius:var(--ui-radius-panel);background:var(--ui-card-bg);box-shadow:var(--ui-shadow-floating)}.card h3{color:var(--ui-title-text);font-size:17px;line-height:1.3}.card p{margin-top:var(--ui-space-3);color:var(--ui-text-muted)}.problem-grid{display:grid}.problem-grid .section-heading{max-width:var(--ui-copy-max-width)}.problem-list{max-width:var(--ui-section-content-max-width);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4);margin:0 auto;padding:0;list-style:none}.problem-list li{display:flex;flex-direction:column;padding:var(--ui-space-6);border:0;border-radius:var(--ui-radius-panel);background:var(--ui-card-bg);box-shadow:var(--ui-shadow-floating);color:var(--ui-text-muted);font-size:17px;line-height:1.55}.problem-list strong{display:block;margin-bottom:var(--ui-space-3);color:var(--ui-title-text);font-size:21px;line-height:1.25;font-weight:700}.workflow{counter-reset:step;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-7);max-width:var(--ui-section-content-max-width);margin:0 auto}.step{position:relative;padding:var(--ui-space-2) 0;text-align:center;z-index:1}.step:not(:last-child):after{content:"";position:absolute;top:31px;left:calc(50% + 36px);right:calc(-50% + 36px);height:1px;background:var(--ui-border-strong)}.step:before{counter-increment:step;content:counter(step);width:46px;height:46px;display:grid;place-items:center;margin:0 auto var(--ui-space-4);border:1px solid var(--ui-border-strong);border-radius:50%;background:var(--ui-page-bg);color:var(--ui-title-text);font-size:15px;font-weight:700;position:relative;z-index:1}.step h3{font-size:18px;line-height:1.3}.step p{margin-top:var(--ui-space-3);color:var(--ui-text-muted);font-size:14px}.scenario{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--ui-space-5);align-items:stretch}.prompt-box,.answer-box{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-card-bg)}.box-title{margin-bottom:var(--ui-space-3);color:var(--ui-text-soft);font-size:12px;font-weight:700;text-transform:uppercase}code{display:block;padding:var(--ui-space-4);border:1px solid var(--ui-divider);border-radius:var(--ui-radius-sm);background:#fbfcfa;color:var(--ui-title-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-3)}.answer-item{padding:var(--ui-space-3);border:1px solid var(--ui-divider);border-radius:var(--ui-radius-sm);background:#fbfcfa}.answer-item strong{display:block;color:var(--ui-title-text);font-size:13px}.answer-item span{display:block;margin-top:var(--ui-space-1);color:var(--ui-text-muted);font-size:13px}.final-cta{max-width:var(--ui-copy-max-width);margin:0 auto;text-align:center}.final-cta p{max-width:var(--ui-copy-max-width);margin:var(--ui-space-4) auto 0;color:var(--ui-text-muted);font-size:17px}.final-cta .button{margin-top:var(--ui-space-7)}.footer{padding:var(--ui-space-7) 0;border-top:1px solid var(--ui-divider);background:var(--ui-card-bg);color:var(--ui-text-muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:var(--ui-space-4)}@media(max-width:920px){.problem-grid,.scenario{grid-template-columns:1fr}.hero{padding-top:48px}.cards,.workflow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--ui-space-7)}.step:not(:last-child):after{display:none}}@media(max-width:640px){.shell{width:min(100% - 28px,var(--ui-content-max-width))}.topbar-inner{height:100%;padding:0;align-items:center}.topnav{display:none}.topbar-inner{width:min(calc(100% - 16px),var(--ui-entry-header-max-width));grid-template-columns:1fr auto}.top-actions{justify-content:flex-end}.hero{padding:40px 0 48px}h1{font-size:38px}.hero-copy,.section-lede,.final-cta p{font-size:16px}.cards,.workflow,.problem-list,.answer-grid{grid-template-columns:1fr}.section{padding:48px 0}.footer-inner{flex-direction:column}}@media(max-width:520px){.topbar{height:auto}.topbar-inner{height:auto;grid-template-columns:1fr;gap:var(--ui-space-2);padding:var(--ui-space-2) 0}.brand,.top-actions{justify-content:center}.top-actions{flex-wrap:wrap}}