@import"https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800;900&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--jsc-indigo: #343779;--jsc-teal: #33a9ac;--jsc-orange: #ff6600;--indigo-50: #edeef6;--indigo-100: #d6d8ea;--indigo-200: #b0b3d4;--indigo-300: #8488bb;--indigo-400: #595e9d;--indigo-500: #343779;--indigo-600: #2c2e64;--indigo-700: #23244f;--indigo-800: #1a1b3b;--indigo-900: #111228;--teal-50: #e7f6f6;--teal-100: #c6ebeb;--teal-200: #96dadb;--teal-300: #62c6c8;--teal-400: #3fb5b8;--teal-500: #33a9ac;--teal-600: #2b8d90;--teal-700: #226f71;--teal-800: #1a5354;--teal-900: #123637;--orange-50: #fff2e8;--orange-100: #ffdcc2;--orange-200: #ffbe8f;--orange-300: #ff9d57;--orange-400: #ff8226;--orange-500: #ff6600;--orange-600: #d95500;--orange-700: #ad4400;--orange-800: #813300;--orange-900: #552200;--neutral-0: #ffffff;--neutral-25: #fafbfd;--neutral-50: #f4f5f9;--neutral-100: #e9ebf2;--neutral-200: #d8dbe7;--neutral-300: #bcc0d2;--neutral-400: #9297af;--neutral-500: #6d7290;--neutral-600: #51566f;--neutral-700: #3b3f54;--neutral-800: #262838;--neutral-900: #161721;--success-500: #2f9e6d;--success-50: #e7f6ef;--warning-500: #ff6600;--warning-50: #fff2e8;--error-500: #e0433f;--error-50: #fce9e8;--info-500: #3f6fd9;--info-50: #e9eefb;--surface-page: var(--neutral-25);--surface-card: var(--neutral-0);--surface-sunken: var(--neutral-50);--surface-inverse: var(--indigo-500);--surface-accent: var(--teal-500);--text-strong: var(--indigo-800);--text-body: var(--neutral-700);--text-muted: var(--neutral-500);--text-inverse: var(--neutral-0);--text-brand: var(--indigo-500);--text-accent: var(--teal-600);--text-onAccent: var(--neutral-0);--border-subtle: var(--neutral-200);--border-strong: var(--neutral-300);--border-brand: var(--indigo-500);--action-primary: var(--orange-500);--action-primary-hover: var(--orange-600);--action-primary-press: var(--orange-700);--action-secondary: var(--indigo-500);--action-secondary-hover:var(--indigo-600);--action-tertiary: var(--teal-500);--action-tertiary-hover: var(--teal-600);--focus-ring: var(--teal-400)}:root{--font-display: "Barlow", system-ui, sans-serif;--font-body: "Montserrat", "Gotham", system-ui, sans-serif;--font-wordmark: "Montserrat", "Gotham", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--fw-black: 900;--fs-display: 4rem;--fs-h1: 2.75rem;--fs-h2: 2.125rem;--fs-h3: 1.5rem;--fs-h4: 1.25rem;--fs-lg: 1.125rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tighter: -.03em;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .12em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-12: 6rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 40px;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(22, 23, 33, .06);--shadow-sm: 0 2px 6px rgba(22, 23, 33, .08);--shadow-md: 0 6px 18px rgba(52, 55, 121, .12);--shadow-lg: 0 14px 34px rgba(52, 55, 121, .16);--shadow-xl: 0 24px 60px rgba(52, 55, 121, .2);--shadow-orange: 0 8px 20px rgba(255, 102, 0, .32);--shadow-teal: 0 8px 20px rgba(51, 169, 172, .3);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--container-max: 1200px;--container-narrow: 760px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0 0 .5em;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:var(--fw-extra);letter-spacing:var(--ls-tighter)}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-bold)}h4{font-size:var(--fs-h4);font-weight:var(--fw-semibold)}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--action-tertiary);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--action-tertiary-hover);text-decoration:underline}.jsc-eyebrow{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-accent)}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}img{max-width:100%;display:block}:root{--web-brand-indigo: var(--jsc-indigo);--web-brand-teal: var(--jsc-teal);--web-brand-orange: var(--jsc-orange);--web-brand-indigo-confirm: #343779;--web-brand-teal-confirm: #33A9AC;--web-brand-orange-confirm: #FF6600;--web-white: var(--neutral-0);--web-text-inverse-soft: rgba(255, 255, 255, .78);--web-text-inverse-muted: rgba(255, 255, 255, .64);--web-inverse-hover: rgba(255, 255, 255, .14);--web-inverse-soft: rgba(255, 255, 255, .1);--web-teal-glow: rgba(51, 169, 172, .35);--web-orange-glow: rgba(255, 102, 0, .28);--web-field-focus: rgba(51, 169, 172, .18);--web-scrim: rgba(22, 23, 33, .45);--web-page-gradient: radial-gradient(circle at top left, var(--teal-50), transparent 34%), radial-gradient(circle at top right, var(--orange-50), transparent 28%), var(--surface-page);--web-hero-gradient: linear-gradient(135deg, var(--indigo-500), var(--indigo-700));--web-card-gradient: linear-gradient(145deg, var(--surface-card), var(--neutral-50))}.jsc-button{align-items:center;border:2px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-weight:var(--fw-bold);gap:var(--button-gap);justify-content:center;letter-spacing:-.005em;line-height:1;min-height:var(--button-height);opacity:1;padding:var(--button-padding);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out);width:auto}.jsc-button[data-size=sm]{--button-font-size: .8125rem;--button-padding: .5rem .875rem;--button-gap: .375rem;--button-height: 2.25rem}.jsc-button[data-size=md]{--button-font-size: .9375rem;--button-padding: .6875rem 1.25rem;--button-gap: .5rem;--button-height: 2.75rem}.jsc-button[data-size=lg]{--button-font-size: 1.0625rem;--button-padding: .9375rem 1.75rem;--button-gap: .625rem;--button-height: 3.375rem}.jsc-button{font-size:var(--button-font-size)}.jsc-button[data-pill=true]{border-radius:var(--radius-pill)}.jsc-button[data-full=true]{width:100%}.jsc-button:disabled{cursor:not-allowed;opacity:.5}.jsc-button:not(:disabled):hover{box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.jsc-button[data-variant=primary]{--button-shadow-hover: var(--shadow-orange);background:var(--action-primary);color:var(--web-white)}.jsc-button[data-variant=primary]:not(:disabled):hover{background:var(--action-primary-hover)}.jsc-button[data-variant=secondary]{--button-shadow-hover: var(--shadow-md);background:var(--action-secondary);color:var(--web-white)}.jsc-button[data-variant=secondary]:not(:disabled):hover{background:var(--action-secondary-hover)}.jsc-button[data-variant=tertiary]{--button-shadow-hover: var(--shadow-teal);background:var(--action-tertiary);color:var(--web-white)}.jsc-button[data-variant=tertiary]:not(:disabled):hover{background:var(--action-tertiary-hover)}.jsc-button[data-variant=outline]{--button-shadow-hover: none;background:transparent;border-color:var(--indigo-500);color:var(--indigo-600)}.jsc-button[data-variant=outline]:not(:disabled):hover{background:var(--indigo-50)}.jsc-button[data-variant=ghost]{--button-shadow-hover: none;background:transparent;box-shadow:none;color:var(--indigo-600)}.jsc-button[data-variant=ghost]:not(:disabled):hover{background:var(--neutral-100)}.jsc-button__loader{background:currentColor;border-radius:var(--radius-pill);display:inline-block;height:.45em;overflow:hidden;position:relative;width:1.8em}.jsc-button__loader:after{animation:jsc-button-load var(--dur-slow) var(--ease-out) infinite alternate;background:var(--web-white);border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;opacity:.45;position:absolute;transform:translate(-70%)}.jsc-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;padding:var(--card-padding);position:relative;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.jsc-card[data-padding=none]{--card-padding: 0}.jsc-card[data-padding=sm]{--card-padding: var(--space-4)}.jsc-card[data-padding=md]{--card-padding: var(--space-5)}.jsc-card[data-padding=lg]{--card-padding: var(--space-6)}.jsc-card[data-elevation=none]{--card-shadow: none}.jsc-card[data-elevation=xs]{--card-shadow: var(--shadow-xs)}.jsc-card[data-elevation=sm]{--card-shadow: var(--shadow-sm)}.jsc-card[data-elevation=md]{--card-shadow: var(--shadow-md)}.jsc-card[data-elevation=lg]{--card-shadow: var(--shadow-lg)}.jsc-card[data-interactive=true]{cursor:pointer}.jsc-card[data-interactive=true]:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.jsc-card[data-accent]:before{content:"";height:5px;inset:0 0 auto;position:absolute}.jsc-card[data-accent=indigo]:before{background:var(--indigo-500)}.jsc-card[data-accent=teal]:before{background:var(--teal-500)}.jsc-card[data-accent=orange]:before{background:var(--orange-500)}.jsc-field{display:flex;flex-direction:column;gap:.375rem}.jsc-field__label{color:var(--text-strong);font-family:var(--font-display);font-size:.8125rem;font-weight:var(--fw-semibold)}.jsc-field__control,.jsc-select{align-items:center;background:var(--neutral-0);border:1.5px solid var(--field-border, var(--border-strong));border-radius:var(--radius-md);display:flex;gap:var(--space-2);height:var(--field-height);padding:0 var(--field-padding-x);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.jsc-field[data-size=sm]{--field-height: 2.375rem;--field-font-size: .875rem;--field-padding-x: .75rem}.jsc-field[data-size=md]{--field-height: 2.875rem;--field-font-size: .9375rem;--field-padding-x: .875rem}.jsc-field[data-size=lg]{--field-height: 3.375rem;--field-font-size: 1rem;--field-padding-x: 1rem}.jsc-field[data-error=true]{--field-border: var(--error-500)}.jsc-field__control[data-focused=true],.jsc-select[data-focused=true]{--field-border: var(--teal-500);box-shadow:0 0 0 4px var(--web-field-focus)}.jsc-field__control[data-disabled=true],.jsc-select[data-disabled=true]{background:var(--neutral-50)}.jsc-field__icon{color:var(--neutral-400);display:flex}.jsc-field__input,.jsc-select__input{background:transparent;border:0;color:var(--text-body);flex:1;font-family:var(--font-body);font-size:var(--field-font-size);min-width:0;outline:none}.jsc-field__message{color:var(--text-muted);font-family:var(--font-body);font-size:.75rem}.jsc-field[data-error=true] .jsc-field__message{color:var(--error-500)}.jsc-select{padding:0;position:relative}.jsc-select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:100%;padding:0 2.5rem 0 var(--field-padding-x);width:100%}.jsc-select__chevron{color:var(--neutral-400);display:inline-flex;pointer-events:none;position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.jsc-tabs{border-bottom:2px solid var(--border-subtle);display:flex;gap:var(--space-1);overflow-x:auto}.jsc-tabs__tab{align-items:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:.9375rem;font-weight:var(--fw-bold);gap:.4375rem;margin-bottom:-2px;padding:.625rem 1rem;position:relative;transition:color var(--dur-fast) var(--ease-out);white-space:nowrap}.jsc-tabs__tab[aria-selected=true]{color:var(--indigo-600)}.jsc-tabs__count{background:var(--neutral-200);border-radius:var(--radius-pill);color:var(--neutral-600);font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--fw-semibold);padding:.0625rem .4375rem}.jsc-tabs__tab[aria-selected=true] .jsc-tabs__count{background:var(--indigo-500);color:var(--web-white)}.jsc-tabs__indicator{background:var(--teal-500);border-radius:var(--radius-xs) var(--radius-xs) 0 0;bottom:0;height:3px;left:.5rem;position:absolute;right:.5rem;transform:scaleX(0);transition:transform var(--dur-base) var(--ease-spring)}.jsc-tabs__tab[aria-selected=true] .jsc-tabs__indicator{transform:scaleX(1)}.jsc-badge{align-items:center;background:var(--badge-bg);border-radius:var(--radius-pill);color:var(--badge-fg);display:inline-flex;font-family:var(--font-display);font-size:.75rem;font-weight:var(--fw-bold);gap:.375rem;letter-spacing:.01em;line-height:1.2;padding:.25rem .625rem;white-space:nowrap}.jsc-badge[data-color=indigo][data-variant=soft]{--badge-bg: var(--indigo-50);--badge-fg: var(--indigo-600)}.jsc-badge[data-color=indigo][data-variant=solid]{--badge-bg: var(--indigo-500);--badge-fg: var(--web-white)}.jsc-badge[data-color=teal][data-variant=soft]{--badge-bg: var(--teal-50);--badge-fg: var(--teal-700)}.jsc-badge[data-color=teal][data-variant=solid]{--badge-bg: var(--teal-500);--badge-fg: var(--web-white)}.jsc-badge[data-color=orange][data-variant=soft]{--badge-bg: var(--orange-50);--badge-fg: var(--orange-700)}.jsc-badge[data-color=orange][data-variant=solid]{--badge-bg: var(--orange-500);--badge-fg: var(--web-white)}.jsc-badge[data-color=success][data-variant=soft]{--badge-bg: var(--success-50);--badge-fg: var(--success-500)}.jsc-badge[data-color=success][data-variant=solid]{--badge-bg: var(--success-500);--badge-fg: var(--web-white)}.jsc-badge[data-color=error][data-variant=soft]{--badge-bg: var(--error-50);--badge-fg: var(--error-500)}.jsc-badge[data-color=error][data-variant=solid]{--badge-bg: var(--error-500);--badge-fg: var(--web-white)}.jsc-badge[data-color=neutral][data-variant=soft]{--badge-bg: var(--neutral-100);--badge-fg: var(--neutral-700)}.jsc-badge[data-color=neutral][data-variant=solid]{--badge-bg: var(--neutral-700);--badge-fg: var(--web-white)}.jsc-badge__dot{background:currentColor;border-radius:var(--radius-circle);height:.375rem;width:.375rem}.jsc-dialog{align-items:center;animation:jsc-fade var(--dur-base) var(--ease-out);background:var(--web-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:1000}.jsc-dialog__panel{animation:jsc-pop var(--dur-slow) var(--ease-spring);background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:100%;padding:var(--space-6);width:var(--dialog-width)}.jsc-dialog__header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.jsc-dialog__header h3{font-size:1.375rem;margin:0}.jsc-dialog__body{color:var(--text-body);font-family:var(--font-body);font-size:.9375rem;line-height:1.55}.jsc-dialog__footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}@keyframes jsc-button-load{to{transform:translate(70%)}}@keyframes jsc-fade{0%{opacity:0}to{opacity:1}}@keyframes jsc-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}html,body,#root{min-height:100%}button,input,select,textarea{font:inherit}.app-icon{flex:none}.brand-mark{align-items:center;display:inline-flex;gap:var(--space-3)}.brand-mark__symbol{align-items:center;background:var(--action-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-orange);color:var(--web-white);display:inline-flex;font-family:var(--font-wordmark);font-size:1.125rem;font-weight:var(--fw-black);height:2.375rem;justify-content:center;width:2.375rem}.brand-mark__word{color:var(--text-strong);font-family:var(--font-wordmark);font-size:1.125rem;font-weight:var(--fw-black);letter-spacing:-.02em}.brand-mark__word span{color:var(--teal-500)}:root{--mk-topbar-bg: rgba(255, 255, 255, .94);--mk-footer-bg: #14152b;--mk-on-inverse: #ffffff;--mk-band-text: rgba(255, 255, 255, .88);--mk-band-dim: rgba(255, 255, 255, .7);--mk-band-chip-bg: rgba(255, 255, 255, .1);--mk-band-chip-line: rgba(255, 255, 255, .22);--mk-inverse-border: rgba(255, 255, 255, .5);--mk-inverse-hover: rgba(255, 255, 255, .14);--mk-inverse-track: rgba(255, 255, 255, .16);--mk-foot-text: rgba(255, 255, 255, .82);--mk-foot-head: rgba(255, 255, 255, .58);--mk-foot-link: rgba(255, 255, 255, .84);--mk-foot-dim: rgba(255, 255, 255, .6);--mk-foot-rule: rgba(255, 255, 255, .18);--mk-badge-live-bg: #ffffff;--mk-badge-live-fg: #1a5354;--mk-badge-soon-bg: rgba(255, 255, 255, .22);--mk-band-grad: linear-gradient(135deg, #1a1b3b 0%, #23244f 45%, #226f71 100%);--mk-ink-band: linear-gradient(180deg, #14152b, #1d1f42);--mk-grad-indigo-teal: linear-gradient(135deg, #23244f, #2b8d90);--mk-grad-brand-teal: linear-gradient(135deg, #343779, #2b8d90);--mk-grad-teal: linear-gradient(135deg, #1a5354, #33a9ac);--mk-grad-indigo: linear-gradient(135deg, #23244f, #343779);--mk-grad-indigo-soft: linear-gradient(135deg, #343779, #595e9d);--mk-grad-deep-indigo: linear-gradient(135deg, #111228, #343779);--mk-grad-indigo-orange: linear-gradient(135deg, #23244f, #d95500);--mk-grad-teal-indigo: linear-gradient(135deg, #2b8d90, #343779);--mk-grad-orange: linear-gradient(135deg, #ad4400, #ff6600);--mk-grad-teal-deep: linear-gradient(140deg, #123637, #1a5354 50%, #226f71);--mk-sec-y: clamp(30px, 4.4vw, 54px);--mk-sec-y-tight: clamp(22px, 3.2vw, 36px);--mk-sec-y-hero: clamp(24px, 3.4vw, 44px);--mk-head-gap: clamp(16px, 2.2vw, 26px);--mk-grid-gap: 14px;--mk-shadow-cta: 0 6px 16px rgba(255, 102, 0, .3);--mk-card-shadow: 0 1px 2px rgba(26, 27, 59, .06);--mk-card-shadow-lift: 0 10px 24px rgba(26, 27, 59, .14);--mk-device-shadow: 0 20px 48px rgba(52, 55, 121, .24);--mk-menu-shadow: 0 22px 54px rgba(22, 23, 33, .3);--ppe-key-light: #ffffff;--ppe-fill-light: #dceeee;--ppe-rim-light: #ffe2c9;--ppe-ground-shadow: #343779;--ppe-stage-bg: linear-gradient(158deg, var(--indigo-50), var(--teal-50) 62%, var(--orange-50));--ppe-pin-bg: #1a1b3b;--ppe-pin-fg: #ffffff;--ppe-pin-ring: rgba(255, 255, 255, .85);--ppe-pin-active-bg: #ff6600}[data-theme=dark]{--mk-topbar-bg: rgba(15, 16, 26, .92);--mk-footer-bg: #0e0f1b;--surface-page: #0f1019;--surface-card: #191b29;--surface-sunken: #15161f;--border-subtle: #363a54;--border-strong: #4d5273;--indigo-800: #eceef8;--indigo-700: #c9cdec;--indigo-600: #b6bcea;--indigo-500: #6f75c4;--indigo-50: #262a4a;--indigo-100: #303460;--teal-50: #14393a;--teal-300: #7fd6d8;--teal-500: #3fb5b8;--teal-600: #5fc6c9;--teal-700: #8adcde;--teal-200: #2b5e60;--orange-50: #3a2310;--orange-500: #ff7a1a;--orange-600: #ff8226;--neutral-400: #8b90ab;--neutral-500: #a2a8c2;--neutral-600: #bcc1d6;--neutral-700: #d2d6e6;--neutral-50: #15161f;--neutral-100: #22243a;--neutral-300: #4a4f6b;--text-body: #d2d6e6;--text-strong: #eceef8;--text-muted: #a2a8c2;--success-50: #173326;--success-500: #4cc394;--warning-50: #3a2b10;--warning-500: #e0a336;--error-50: #3d1a1e;--error-500: #ef6b67;--mk-badge-live-bg: #eceef8;--mk-badge-live-fg: #14152b;--ppe-key-light: #eef2ff;--ppe-fill-light: #7f95b8;--ppe-rim-light: #ffb877;--ppe-ground-shadow: #05060c;--ppe-pin-bg: #eceef8;--ppe-pin-fg: #14152b;--ppe-pin-ring: rgba(10, 11, 20, .7)}.mk-root{--surface-page: var(--neutral-0);--surface-sunken: #e9ecf5;--border-subtle: #b7bcd5;--border-strong: #8d93b4;--mk-ink-strong: var(--indigo-800);--mk-ink-body: var(--neutral-700);--mk-ink-muted: var(--neutral-600);min-height:100vh;background:var(--surface-page);color:var(--mk-ink-body);font-family:var(--font-body);display:flex;flex-direction:column}[data-theme=dark].mk-root{--surface-page: #0f1019;--surface-sunken: #171824;--border-subtle: #363a54;--border-strong: #4d5273}.mk-root main{flex:1}.mk-root ::selection{background:var(--teal-200);color:var(--indigo-900)}.mk-wrap{width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;padding:0 18px}@media (min-width: 900px){.mk-wrap{padding:0 28px}}.mk-sec{padding:var(--mk-sec-y) 0;position:relative}.mk-sec--tight{padding:var(--mk-sec-y-tight) 0}.mk-sec--hero{padding:var(--mk-sec-y-hero) 0 var(--mk-sec-y)}.mk-sec--flush-top{padding-top:0}.mk-sec--flush-bottom{padding-bottom:0}.mk-sec--tint{background:var(--surface-sunken)}.mk-sec--teal-tint{background:var(--teal-50)}.mk-sec--orange-tint{background:var(--orange-50)}.mk-sec--band{background:var(--mk-band-grad)}.mk-sec--ink{background:var(--mk-ink-band)}.mk-sec--deep-teal{background:var(--mk-grad-teal-deep)}.mk-sec--ruled{border-top:1px solid var(--border-subtle)}.mk-sec--band:before,.mk-sec--ink:before,.mk-sec--deep-teal:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange-500),var(--teal-500) 60%,transparent)}.mk-sec--photo{background:var(--mk-ink-band);overflow:hidden}.mk-sec__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mk-sec__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0f1022f5,#0f1022e0 40%,#0f10228c 72%,#0f102266)}.mk-sec--photo>.mk-wrap{position:relative}.mk-on-dark{color:var(--mk-band-text)}.mk-head{max-width:680px;margin:0 0 var(--mk-head-gap)}.mk-head--center{margin-inline:auto;text-align:center}.mk-head--wide{max-width:820px}.mk-head>:last-child{margin-bottom:0}.jsc-eyebrow,.mk-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--indigo-600)}.mk-root .jsc-eyebrow:before,.mk-eyebrow:before{content:"";width:20px;height:3px;border-radius:2px;background:var(--orange-500);flex:none}.mk-on-dark .jsc-eyebrow,.mk-on-dark .mk-eyebrow{color:var(--teal-300)}.mk-on-dark .jsc-eyebrow:before,.mk-on-dark .mk-eyebrow:before{background:var(--teal-300)}.mk-head--center .jsc-eyebrow,.mk-head--center .mk-eyebrow{justify-content:center}.mk-h1{font-family:var(--font-display);font-size:clamp(33px,5.6vw,56px);font-weight:900;letter-spacing:-.035em;line-height:1.02;color:var(--mk-ink-strong);margin:12px 0 14px;text-wrap:balance}.mk-h2{font-family:var(--font-display);font-size:clamp(25px,3.6vw,38px);font-weight:900;letter-spacing:-.03em;line-height:1.06;color:var(--mk-ink-strong);margin:11px 0 12px;text-wrap:balance}.mk-h3{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.28;color:var(--mk-ink-strong);margin:0 0 8px}.mk-on-dark .mk-h1,.mk-on-dark .mk-h2,.mk-on-dark .mk-h3{color:var(--mk-on-inverse)}.mk-lede{margin:0 0 14px;font-size:clamp(16px,1.5vw,18.5px);line-height:1.58;color:var(--mk-ink-body);max-width:62ch}.mk-body{margin:0;font-size:15px;line-height:1.58;color:var(--mk-ink-body)}.mk-small{margin:0;font-size:13px;line-height:1.55;color:var(--mk-ink-muted)}.mk-on-dark .mk-lede,.mk-on-dark .mk-body{color:var(--mk-band-text)}.mk-on-dark .mk-small{color:var(--mk-band-dim)}.mk-figure{font-family:var(--font-mono);font-weight:700;color:var(--mk-ink-strong)}.mk-code{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--teal-700)}.mk-card{display:flex;flex-direction:column;background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:14px;padding:20px 18px;box-shadow:var(--mk-card-shadow)}.mk-card--flush{padding:0;overflow:hidden}.mk-card--pad-lg{padding:clamp(20px,2.6vw,30px)}.mk-on-dark .mk-card{background:var(--mk-band-chip-bg);border-color:var(--mk-band-chip-line);box-shadow:none}.mk-tile{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--indigo-500);color:var(--mk-on-inverse);margin-bottom:13px}.mk-tile--teal{background:var(--teal-600)}.mk-tile--orange{background:var(--orange-500)}.mk-tile--lg{width:50px;height:50px;border-radius:14px}.mk-tile--inline{margin-bottom:0}.mk-on-dark .mk-tile{background:var(--mk-inverse-track);color:var(--teal-300)}.mk-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-on-inverse);background:var(--teal-600);padding:5px 10px;border-radius:7px;white-space:nowrap}.mk-pill--quiet{color:var(--indigo-700);background:transparent;border:1.5px solid var(--border-subtle)}.mk-on-dark .mk-pill--quiet{color:var(--mk-on-inverse);border-color:var(--mk-band-chip-line)}.mk-tick{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--mk-ink-body)}.mk-tick>svg{color:var(--teal-600);flex:none;margin-top:3px}.mk-on-dark .mk-tick{color:var(--mk-band-text)}.mk-on-dark .mk-tick>svg{color:var(--teal-300)}.mk-grouplabel{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-700)}.mk-grouplabel:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.mk-on-dark .mk-grouplabel{color:var(--teal-300)}.mk-on-dark .mk-grouplabel:after{background:var(--mk-band-chip-line)}.mk-lift{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.mk-lift:hover{transform:translateY(-3px);box-shadow:var(--mk-card-shadow-lift)}.mk-topbar{position:sticky;top:0;z-index:120;background:var(--mk-topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--border-subtle)}.mk-topbar__inner{display:flex;align-items:center;gap:10px;min-height:78px;position:relative}.mk-logo{display:flex;align-items:center;flex:none}.mk-logo img{width:172px;height:auto}@media (max-width: 400px){.mk-logo img{width:138px}}[data-theme=dark] .lg-light,[data-theme=light] .lg-dark,.mk-nav{display:none}.mk-menu{display:block}.mk-cta-top{display:none}@media (min-width: 1080px){.mk-nav{display:flex}.mk-menu{display:none}.mk-cta-top{display:inline-flex}}.mk-navlink{font-size:14.5px;font-weight:700;color:var(--neutral-700);padding:9px 11px;border-radius:9px;text-decoration:none;white-space:nowrap}.mk-navlink:hover{color:var(--indigo-800);background:var(--surface-sunken);text-decoration:none}.mk-navlink[aria-current=page]{color:var(--indigo-800);background:var(--surface-sunken);box-shadow:inset 0 -3px 0 var(--orange-500)}.mk-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1.5px solid var(--border-subtle);border-radius:999px;background:var(--surface-card);color:var(--indigo-700);cursor:pointer;flex:none}.mk-theme-btn:hover{border-color:var(--border-strong)}.mk-menu>summary{list-style:none;display:grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--border-subtle);border-radius:12px;background:var(--surface-card);color:var(--indigo-700);cursor:pointer}.mk-menu>summary::-webkit-details-marker{display:none}.mk-panel{position:absolute;right:0;top:72px;width:min(300px,calc(100vw - 36px));box-sizing:border-box;background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:16px;box-shadow:var(--mk-menu-shadow);padding:10px;z-index:130;display:flex;flex-direction:column;gap:2px}.mk-panel a{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:10px;font-size:15px;font-weight:700;color:var(--indigo-700);text-decoration:none}.mk-panel a:hover{background:var(--surface-sunken);text-decoration:none}.mk-panel a.mk-panel-cta{background:var(--orange-500);color:var(--mk-on-inverse);font-weight:800}.mk-crumbs{border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken)}.mk-crumbs ol{margin:0;padding:9px 0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px;font-weight:700}.mk-crumbs a{color:var(--teal-700);text-decoration:none}.mk-crumbs a:hover{text-decoration:underline}.mk-crumbs [aria-current=page]{color:var(--indigo-800)}.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 24px;border:none;border-radius:12px;font-family:inherit;font-size:15.5px;font-weight:800;cursor:pointer;text-decoration:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.mk-btn--lg{min-height:58px;padding:17px 30px;font-size:16.5px}.mk-btn--sm{min-height:44px;padding:11px 17px;font-size:14px;border-radius:10px}.mk-btn--block{width:100%}.mk-btn--primary{background:var(--orange-500);color:var(--mk-on-inverse);box-shadow:var(--mk-shadow-cta)}.mk-btn--primary:hover{background:var(--orange-600);color:var(--mk-on-inverse);text-decoration:none}.mk-btn--ghost{background:transparent;border:2px solid var(--indigo-500);color:var(--indigo-700)}.mk-btn--ghost:hover{background:var(--indigo-50);color:var(--indigo-800);text-decoration:none}.mk-btn--inverse{background:none;border:2px solid var(--mk-inverse-border);color:var(--mk-on-inverse)}.mk-btn--inverse:hover{background:var(--mk-inverse-hover);color:var(--mk-on-inverse);text-decoration:none}.mk-btn--solid{background:var(--indigo-500);color:var(--mk-on-inverse)}.mk-btn--solid:hover{background:var(--indigo-600);color:var(--mk-on-inverse);text-decoration:none}.mk-hero-split{display:grid;grid-template-columns:1fr;align-items:stretch}@media (min-width: 760px){.mk-hero-split{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}.mk-bleed-r{width:calc(100% + (100vw - min(100vw,1240px))/2 + 18px)}@media (min-width: 900px){.mk-bleed-r{width:calc(100% + (100vw - min(100vw,1240px))/2 + 28px)}}.mk-actions{display:flex;flex-wrap:wrap;gap:12px}.mk-actions--center{justify-content:center}.ph-token{font-family:var(--font-mono);font-weight:700;color:var(--indigo-800);background:var(--warning-50);border:1.5px dashed var(--warning-500);border-radius:6px;padding:2px 8px;white-space:nowrap}.mk-hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.mk-cards-2,.mk-cards-3,.mk-cards-4{display:grid;grid-template-columns:1fr;gap:var(--mk-grid-gap)}.mk-trades{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mk-jobs{display:grid;grid-template-columns:1fr;gap:var(--mk-grid-gap)}.mk-split{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.mk-contact-cols{display:grid;grid-template-columns:1fr;gap:22px}.mk-foot-cols{display:grid;grid-template-columns:1fr;gap:26px}.mk-mosaic{display:grid;grid-template-columns:1fr;gap:var(--mk-grid-gap)}@media (min-width: 560px){.mk-cards-2,.mk-cards-4,.mk-jobs{grid-template-columns:repeat(2,1fr)}.mk-trades{grid-template-columns:repeat(3,1fr)}}@media (min-width: 760px){.mk-cards-3{grid-template-columns:repeat(3,1fr)}.mk-mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(160px,auto)}.mk-mosaic>.mos-4{grid-column:span 4;grid-row:span 2}.mk-mosaic>.mos-2{grid-column:span 2}.mk-mosaic>.mos-3{grid-column:span 3}.mk-split{grid-template-columns:1fr 1fr;gap:34px}.mk-contact-cols{grid-template-columns:minmax(280px,1fr) minmax(0,1.35fr);align-items:start}}@media (min-width: 900px){.mk-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,1fr);gap:40px}.mk-cards-4{grid-template-columns:repeat(4,1fr)}.mk-jobs{grid-template-columns:repeat(3,1fr)}.mk-trades{grid-template-columns:repeat(4,1fr)}.mk-foot-cols{grid-template-columns:1.7fr 1fr 1fr 1.3fr}}@media (min-width: 1160px){.mk-trades{grid-template-columns:repeat(6,1fr)}}.mk-footer{background:var(--mk-footer-bg);color:var(--mk-foot-text)}.mk-foot-head{margin:0 0 11px;font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--mk-foot-head)}.mk-foot-link{color:var(--mk-foot-link);font-size:14px;text-decoration:none}.mk-foot-link:hover{color:var(--mk-on-inverse);text-decoration:underline}.mk-label{display:block;margin:0 0 7px;font-size:13px;font-weight:800;color:var(--indigo-800)}.mk-input{width:100%;box-sizing:border-box;min-height:50px;padding:13px 15px;border:1.5px solid var(--border-subtle);border-radius:11px;background:var(--surface-card);color:var(--text-strong);font-family:inherit;font-size:15.5px}.mk-input::placeholder{color:var(--neutral-500)}.mk-input:focus{border-color:var(--teal-500)}.mk-faq{background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:13px}.mk-faq[open]{border-color:var(--border-strong)}.mk-faq>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-size:15.5px;font-weight:800;color:var(--indigo-800)}.mk-faq>summary::-webkit-details-marker{display:none}.mk-faq[open] .mk-faq-chev{transform:rotate(180deg)}.mk-faq-chev{margin-left:auto;transition:transform var(--dur-base) var(--ease-out);color:var(--neutral-500);flex:none}.mk-faq__body{margin:0;padding:0 18px 17px;font-size:15px;line-height:1.62;color:var(--mk-ink-body)}.ppe-explorer{padding:var(--mk-sec-y) 0;background:var(--surface-sunken)}.ppe-head{max-width:640px;margin:0 auto var(--mk-head-gap);text-align:center}.ppe-head__title{font-family:var(--font-display);font-size:clamp(25px,3.6vw,36px);font-weight:900;letter-spacing:-.025em;color:var(--indigo-800);margin:10px 0 12px}.ppe-head__intro{margin:0;font-size:16px;line-height:1.6;color:var(--mk-ink-body)}.ppe-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(18px,2.4vw,26px)}.ppe-switch__btn{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 18px;border:1.5px solid var(--border-subtle);border-radius:12px;background:var(--surface-card);color:var(--indigo-700);font-size:14.5px;font-weight:700;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.ppe-switch__btn:hover{border-color:var(--border-strong);color:var(--indigo-800)}.ppe-switch__btn.is-active{border-color:var(--teal-600);background:var(--teal-600);color:var(--mk-on-inverse)}.ppe-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width: 900px){.ppe-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}}.ppe-stage-slot{min-width:0}.ppe-stage{position:relative;border:1.5px solid var(--border-subtle);border-radius:18px;background:var(--ppe-stage-bg);overflow:hidden;aspect-ratio:4 / 3.4;max-height:70vh}.ppe-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y}.ppe-stage__canvas:active{cursor:grabbing}.ppe-stage__canvas:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.ppe-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ppe-hotspot{position:absolute;top:0;left:0;opacity:0;will-change:transform,opacity;transition:opacity .18s var(--ease-out)}.ppe-hotspot__pin{display:inline-flex;align-items:center;gap:8px;transform:translate(-14px,-50%);padding:0;border:none;background:none;cursor:pointer;white-space:nowrap}.ppe-hotspot__dot{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:999px;border:2px solid var(--ppe-pin-ring);background:var(--ppe-pin-bg);color:var(--ppe-pin-fg);font-family:var(--font-display);font-size:13px;font-weight:800;box-shadow:var(--mk-device-shadow);transition:background var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.ppe-hotspot__pin:hover .ppe-hotspot__dot,.ppe-hotspot__pin.is-active .ppe-hotspot__dot{background:var(--ppe-pin-active-bg);color:var(--web-white);transform:scale(1.12)}.ppe-hotspot.is-flipped .ppe-hotspot__pin{flex-direction:row-reverse;transform:translate(calc(-100% + 14px),-50%)}.ppe-hotspot__label{font-size:12.5px;font-weight:800;color:var(--indigo-800);background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:999px;padding:5px 11px}@media (max-width: 719px){.ppe-hotspot__label{display:none}}.ppe-stage__loading{position:absolute;inset:auto 0 50%;margin:0;text-align:center;font-size:13.5px;color:var(--neutral-600);pointer-events:none}.ppe-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 0;font-size:13px;color:var(--mk-ink-muted)}.ppe-flat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:clamp(28px,5vw,44px) 24px;border:1.5px solid var(--border-subtle);border-radius:18px;background:var(--ppe-stage-bg);aspect-ratio:4 / 3.4;max-height:70vh}.ppe-flat__icon{color:var(--indigo-500)}.ppe-flat__name{margin:0;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--indigo-800)}.ppe-flat__cta{margin-top:4px}.ppe-flat__note{margin:0;max-width:340px;font-size:13.5px;line-height:1.55;color:var(--mk-ink-body)}.ppe-panel{background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:18px;padding:clamp(18px,2.6vw,26px)}.ppe-panel__trade{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-700)}.ppe-panel__name{font-family:var(--font-display);font-size:clamp(20px,3vw,24px);font-weight:900;letter-spacing:-.02em;color:var(--indigo-800);margin:8px 0 10px}.ppe-panel__summary{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--mk-ink-body)}.ppe-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ppe-point{border:1.5px solid var(--border-subtle);border-radius:12px;overflow:hidden}.ppe-point.is-active{border-color:var(--teal-600);background:var(--surface-sunken)}.ppe-point__head{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:12px 14px;border:none;background:none;text-align:left;cursor:pointer}.ppe-point__num{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:999px;background:var(--indigo-500);color:var(--mk-on-inverse);font-family:var(--font-display);font-size:12px;font-weight:800}.ppe-point.is-active .ppe-point__num{background:var(--teal-600);color:var(--web-white)}.ppe-point__title{font-size:15px;font-weight:800;color:var(--indigo-800)}.ppe-point__body{padding:0 14px 14px 50px}.ppe-point__body p{margin:0;font-size:14.5px;line-height:1.6;color:var(--mk-ink-body)}.ppe-point__token{margin-top:10px!important;font-size:13px!important}.ppe-credit{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--mk-ink-muted)}.ppe-credit a{color:var(--teal-700)}.ppe-foot{display:flex;align-items:flex-start;gap:7px;margin:var(--mk-head-gap) auto 0;max-width:720px;font-size:12px;line-height:1.6;color:var(--mk-ink-muted)}@media (prefers-reduced-motion: reduce){.mk-root *,.mk-root *:before,.mk-root *:after{transition:none!important;animation:none!important}}