:root{--color-primary: oklch(28% .09 148);--color-primary-dark: oklch(20% .075 148);--color-primary-light: oklch(40% .105 148);--color-primary-subtle: oklch(94% .02 148);--color-primary-fg: oklch(100% 0 0);--color-background: oklch(98.5% .008 85);--color-surface: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-overlay: oklch(0% 0 0 / .04);--color-foreground: oklch(12% 0 0);--color-muted: oklch(40% 0 0);--color-border: oklch(86% .006 50);--color-success: oklch(44% .13 138);--color-success-subtle: oklch(93% .025 138);--color-success-fg: oklch(93% .025 138);--color-warning: oklch(56% .14 52);--color-warning-subtle: oklch(93% .03 55);--color-warning-fg: oklch(93% .03 55);--color-error: oklch(40% .14 15);--color-error-subtle: oklch(93% .025 15);--color-error-fg: oklch(93% .025 15);--color-event: oklch(40% .14 15);--color-game-cream: #f8f4eb;--color-hud-tone-readout: #e3d5b3;--color-hud-icon-star: #c98a12;--color-hud-icon-other: #9c4a6a;--color-info: oklch(50% .15 255);--color-info-subtle: oklch(93% .03 255);--color-info-fg: oklch(93% .03 255);--font-display: "Hoefler Text", "Palatino Linotype", Palatino, Georgia, serif;--font-heading: "Hoefler Text", "Palatino Linotype", Palatino, Georgia, serif;--font-body: Baskerville, "Libre Baskerville", "Hoefler Text", Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-ui-humanist: Optima, Candara, "Gill Sans", "Gill Sans MT", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .82rem + .27vw, 1rem);--text-base: clamp(1.125rem, 1.075rem + .25vw, 1.25rem);--text-lg: clamp(1.125rem, 1.05rem + .38vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-hero: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--page-margin: 4rem;--page-max-width: 1400px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .06);--shadow-md: 0 4px 8px oklch(0% 0 0 / .08), 0 1px 3px oklch(0% 0 0 / .06);--shadow-lg: 0 10px 24px oklch(0% 0 0 / .1), 0 2px 6px oklch(0% 0 0 / .06);--shadow-xl: 0 20px 48px oklch(0% 0 0 / .14);--shadow-elevated: 0 16px 48px -12px oklch(20% .025 148 / .18);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);background-color:var(--color-background);color:var(--color-foreground);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.15;letter-spacing:-.02em}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@font-face{font-family:Edu TAS Beginner;src:url(/Caveat/Edu_TAS_Beginner/EduTASBeginner-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-game-hand: "Edu TAS Beginner", cursive;--font-size-hand: 18px;--font-size-hand-lead: 20px;--line-height-hand: 1.3;--color-hand-paper: var(--color-surface);--color-hand-ink: #1e1810;--color-hand-ink-mid: #3a3020;--color-hand-ink-faint: #5c5244;--color-hand-heading: #004225;--color-hand-accent: var(--color-primary);--color-loading-ground: #2a2620;--color-loading-ground-glow: #4a4236;--color-loading-scrim: rgba(30, 24, 16, .28);--color-loading-paper: #f8f4eb;--color-loading-track: #e3d5b3;--color-loading-button-idle: #cbb68d;--color-loading-button-idle-ink: #5c5244}.hand-surface.hand-surface{font-family:var(--font-game-hand);font-size:var(--font-size-hand);line-height:var(--line-height-hand)}.hand-surface.hand-surface :where(span,p,div,li,label,legend,small,strong,em,b,i,h1,h2,h3,h4,h5,h6,button,input,select,textarea,option,td,th){font-family:var(--font-game-hand);font-size:var(--font-size-hand);line-height:var(--line-height-hand)}.hand-surface.hand-surface :where(.hand-lead){font-size:var(--font-size-hand-lead);color:var(--color-hand-heading);font-weight:700}.hand-surface.hand-surface :where(.hand-numeric){font-variant-numeric:tabular-nums;font-weight:700}.hand-surface.hand-surface :where(svg,.material-icons,.MuiSvgIcon-root){font-size:inherit}.hand-surface.hand-surface :where(.hand-expand){font-family:var(--font-game-hand);font-size:var(--font-size-hand);color:var(--color-hand-heading);text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:none;padding:2px 0 0}:root{--font-primary: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--bg-page: var(--color-background);--bg-hero-overlay: oklch(30% .04 163);--bg-feature: oklch(91% .02 85);--bg-footer: oklch(25% .03 163);--text-foreground: oklch(36% 0 0);--text-muted-foreground: oklch(52.3% 0 0);--text-primary: oklch(33% .085 163);--text-primary-foreground: oklch(100% 0 0);--text-background: oklch(96.2% .008 100);--color-gray-50: var(--color-background);--color-gray-100: var(--color-surface);--color-gray-200: var(--color-border);--color-gray-300: var(--color-border);--color-gray-400: var(--color-muted);--color-gray-500: var(--color-muted);--color-gray-600: var(--color-muted);--color-gray-700: var(--color-foreground);--color-gray-800: var(--color-foreground);--color-gray-900: var(--color-foreground);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-5);--spacing-2xl: var(--space-6);--spacing-3xl: var(--space-8);--spacing-4xl: var(--space-10);--radius-2xl: var(--radius-lg)}*{margin:0;padding:0;box-sizing:border-box}.tab-strip{display:flex;border-bottom:1px solid var(--color-border);overflow-x:auto;padding:0 var(--space-2);gap:2px}.tab-btn{padding:var(--space-2) var(--space-4);background:none;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:-1px;color:var(--color-muted);font-family:var(--font-ui-humanist);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:var(--color-foreground);background:oklch(from var(--color-border) l c h / .4);border-color:oklch(from var(--color-border) l c h / .5)}.tab-btn--active{color:var(--color-primary);font-weight:600;background:var(--color-background);border-color:var(--color-border);border-bottom-color:var(--color-background)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-2xl);border:none;box-shadow:0 0 0 1px #bbb7af,inset 0 0 0 .5px #bbb7af8c,0 4px 12px #0000000f;text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{font-size:36px;font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;line-height:1}.stat-label{font-size:13px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.badge-error{background:var(--color-error-subtle);color:var(--color-error)}.badge-active{background-color:#dcfce7;color:#15803d}.badge-inactive{background-color:#fee2e2;color:#dc2626}.badge-internal{background-color:#dcfce7;color:#15803d}.badge-external{background-color:#e0f2fe;color:#0369a1}.empty-state{text-align:center;padding:80px var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-md);border:1.5px dashed var(--color-border)}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.4}.empty-state-title{font-size:20px;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0}.empty-state-text{font-size:16px;color:var(--color-gray-500);margin:0 0 var(--spacing-2xl) 0;max-width:600px;margin-left:auto;margin-right:auto}.page-title-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-8)}.page-title-bar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.page-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--color-foreground);margin:0;line-height:1}.page-actions{display:flex;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap}.page-content{max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-3xl) var(--spacing-3xl) var(--spacing-3xl)}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.page-content{padding:0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg)}.card-grid,.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.btn{width:100%;justify-content:center}.empty-state{padding:40px var(--spacing-lg)}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}.va-fab{position:fixed;bottom:1.25rem;right:1.25rem;z-index:300;width:48px;height:48px;border-radius:50%;border:none;background:var(--color-accent, #7c6af7);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000040}.va-fab:hover{filter:brightness(1.05)}.va-panel{position:fixed;bottom:5rem;right:1.25rem;z-index:300;width:360px;max-width:calc(100vw - 2.5rem);max-height:70vh;display:flex;flex-direction:column;background:var(--color-surface, #fff);color:var(--color-foreground, #1f2937);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 30px #0000002e;overflow:hidden}.va-panel__head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.va-panel__title{font-weight:600;font-size:.95rem}.va-panel__close{background:none;border:none;font-size:.95rem;cursor:pointer;color:var(--color-muted, #6b7280)}.va-panel__body{flex:1;overflow-y:auto;padding:.9rem;font-size:.875rem;line-height:1.5}.va-hint{color:var(--color-muted, #6b7280);margin:0}.va-loading{color:var(--color-muted, #6b7280);margin:.5rem 0 0}.va-error{color:var(--color-danger, #b91c1c);margin:.5rem 0 0}.va-answer__text{margin:0 0 .5rem;white-space:pre-wrap}.va-answer--ungrounded .va-answer__text{color:var(--color-muted, #6b7280);font-style:italic}.va-answer__cites{margin:0;padding-left:0;list-style:none;border-top:1px solid var(--color-border, #e5e7eb);padding-top:.5rem;font-size:.75rem;color:var(--color-muted, #6b7280)}.va-answer__cites li{margin-bottom:.2rem;word-break:break-word}.va-cite__n{font-weight:600;color:var(--color-foreground, #374151)}.va-panel__form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-border, #e5e7eb)}.va-input{flex:1;padding:.5rem .6rem;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:.875rem}.va-send{padding:.5rem .9rem;border:none;border-radius:8px;background:var(--color-accent, #7c6af7);color:#fff;font-weight:600;cursor:pointer}.va-send:disabled{opacity:.5;cursor:default}.va-suggestions{margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.va-suggestions__head{font-weight:600;font-size:.8rem;color:var(--color-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.va-suggestion{margin-bottom:.7rem}.va-suggestion:last-child{margin-bottom:0}.va-suggestion__title{font-weight:600}.va-suggestion__summary{margin:.15rem 0 .3rem;color:var(--color-muted, #6b7280)}.va-suggestion__explanation{margin:.15rem 0 .3rem;white-space:pre-wrap}.va-suggestion__actions{display:flex;align-items:center;gap:10px;font-size:13px}.va-suggestion__link{color:var(--color-accent, #7c6af7);font-weight:600;text-decoration:none}.va-suggestion__link:hover{text-decoration:underline}.va-suggestion__explain{background:none;border:1px solid var(--color-border, #d1d5db);border-radius:8px;padding:.1rem .5rem;font-size:.8rem;cursor:pointer;color:var(--color-foreground, #374151)}.va-suggestion__explain:hover{background:var(--color-border, #e5e7eb)}.va-suggestion__loading{color:var(--color-muted, #6b7280)}.va-rate{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-size:13px}.va-rate__text{color:#6b7280}.va-rate__btn{background:none;border:1px solid var(--color-border, #d1d5db);border-radius:8px;padding:.15rem .45rem;font-size:.9rem;cursor:pointer}.va-rate__btn:hover{background:var(--color-border, #e5e7eb)}.va-escalate{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-size:13px}.va-escalate__text{color:#6b7280}.va-escalate__link{color:var(--color-accent, #7c6af7);font-weight:600;text-decoration:none}.va-escalate__link:hover{text-decoration:underline}body:has(.inference-nav) .va-fab,body:has(.inference-nav) .va-panel{display:none}.sketch-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui-humanist);font-weight:500;color:var(--color-foreground);padding:0;transition:transform var(--transition-slow);outline:none}.sketch-btn__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sketch-btn__outer{fill:none;stroke-width:1.5;transition:stroke var(--transition-slow)}.sketch-btn__inner{fill:none;stroke-width:.75;transition:stroke var(--transition-slow)}.sketch-btn--primary .sketch-btn__outer{stroke:var(--color-primary)}.sketch-btn--primary .sketch-btn__inner{stroke:var(--color-primary);opacity:.3}.sketch-btn--primary{color:var(--color-foreground)}.sketch-btn--outline .sketch-btn__outer{stroke:var(--color-primary-fg)}.sketch-btn--outline .sketch-btn__inner{stroke:var(--color-primary-fg);opacity:.3}.sketch-btn--outline{color:var(--color-primary-fg)}.sketch-btn__content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.sketch-btn__arrow{display:inline-flex;align-items:center;transition:transform var(--transition-slow);flex-shrink:0}.sketch-btn__arrow svg{overflow:visible}.sketch-btn--primary .sketch-btn__arrow path{stroke:var(--color-primary)}.sketch-btn--outline .sketch-btn__arrow path{stroke:var(--color-primary-fg)}.sketch-btn__bg{position:absolute;inset:0;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:0}.sketch-btn--primary .sketch-btn__bg{background:var(--color-primary-subtle)}.sketch-btn--outline .sketch-btn__bg{background:#ffffff1a}.sketch-btn:not(.sketch-btn--disabled):hover{transform:translateY(-2px)}.sketch-btn:not(.sketch-btn--disabled):hover .sketch-btn__bg{opacity:1}.sketch-btn:not(.sketch-btn--disabled):hover .sketch-btn__arrow{transform:translate(4px)}.sketch-btn--sm .sketch-btn__content{padding:.6rem 1.25rem;font-size:var(--text-sm)}.sketch-btn--md .sketch-btn__content{padding:.875rem 1.75rem;font-size:var(--text-base)}.sketch-btn--lg .sketch-btn__content{padding:1.1rem 2.25rem;font-size:var(--text-lg)}.sketch-btn--disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui-humanist);font-size:var(--text-sm);font-weight:500;line-height:1;border-radius:2px;border:none;cursor:pointer;position:relative;outline:none;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.btn--full-width{width:100%}.btn--xs{padding:3px 10px;font-size:var(--text-xs, .75rem)}.btn--sm{padding:5px 14px;font-size:var(--text-sm)}.btn--md{padding:8px 20px;font-size:var(--text-sm)}.btn--lg{padding:11px 26px;font-size:var(--text-base)}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-fg);box-shadow:inset 0 1px #ffffff1a,0 3px 0 var(--color-primary-dark),0 4px 6px #00000026}.btn--primary:not(.btn--disabled):not(.btn--loading):hover{background-color:var(--color-primary-dark);transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 2px 0 var(--color-primary-dark),0 3px 4px #0000001f}.btn--primary:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0003,0 0 0 transparent}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary);box-shadow:inset 0 1px #fffc,0 3px 0 var(--color-border),0 4px 6px #00000014}.btn--secondary:not(.btn--disabled):not(.btn--loading):hover{background-color:var(--color-primary-subtle);transform:translateY(1px);box-shadow:inset 0 1px #fff9,0 2px 0 var(--color-border),0 3px 4px #0000000f}.btn--secondary:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0000001a}.btn--outline{background-color:transparent;color:var(--color-foreground);box-shadow:inset 0 0 0 1.5px var(--color-border)}.btn--outline:not(.btn--disabled):not(.btn--loading):hover{background-color:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-primary);color:var(--color-primary)}.btn--ghost{background-color:transparent;color:var(--color-muted)}.btn--ghost:not(.btn--disabled):not(.btn--loading):hover{background-color:var(--color-surface-overlay);color:var(--color-foreground)}.btn--danger{background-color:var(--color-error);color:#fff;box-shadow:inset 0 1px #ffffff1a,0 3px #69001e,0 4px 6px #00000026;box-shadow:inset 0 1px #ffffff1a,0 3px oklch(33% .14 15),0 4px 6px #00000026}.btn--danger:not(.btn--disabled):not(.btn--loading):hover{background-color:#69001e;background-color:oklch(33% .14 15);transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 2px #69001e,0 3px 4px #0000001f;box-shadow:inset 0 1px #ffffff14,0 2px oklch(33% .14 15),0 3px 4px #0000001f}.btn--danger:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0003}.btn--success{background-color:var(--color-success);color:var(--color-success-fg);box-shadow:inset 0 1px #ffffff1a,0 3px oklch(from var(--color-success) calc(l*.75) c h),0 4px 6px #00000026}.btn--success:not(.btn--disabled):not(.btn--loading):hover{background-color:oklch(from var(--color-success) calc(l*.85) c h);transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 2px oklch(from var(--color-success) calc(l*.75) c h),0 3px 4px #0000001f}.btn--success:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0003}.btn--info{background-color:var(--color-info);color:var(--color-info-fg);box-shadow:inset 0 1px #ffffff1a,0 3px oklch(from var(--color-info) calc(l*.75) c h),0 4px 6px #00000026}.btn--info:not(.btn--disabled):not(.btn--loading):hover{background-color:oklch(from var(--color-info) calc(l*.85) c h);transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 2px oklch(from var(--color-info) calc(l*.75) c h),0 3px 4px #0000001f}.btn--info:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0003}.btn--warning{background-color:var(--color-warning);color:var(--color-warning-fg);box-shadow:inset 0 1px #ffffff1a,0 3px oklch(from var(--color-warning) calc(l*.75) c h),0 4px 6px #00000026}.btn--warning:not(.btn--disabled):not(.btn--loading):hover{background-color:oklch(from var(--color-warning) calc(l*.85) c h);transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 2px oklch(from var(--color-warning) calc(l*.75) c h),0 3px 4px #0000001f}.btn--warning:not(.btn--disabled):not(.btn--loading):active{transform:translateY(3px);box-shadow:inset 0 2px 4px #0003}.btn__icon{display:inline-flex;align-items:center;flex-shrink:0}.btn--loading{cursor:wait;pointer-events:none}.btn__label--hidden{visibility:hidden}.btn__spinner{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center}.btn__spinner-ring{width:1em;height:1em;border-radius:var(--radius-full);border:2px solid transparent;border-top-color:currentColor;animation:btn-spin .65s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:modal-backdrop-in var(--transition-base) both}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 0 1px #bbb7af,inset 0 0 0 .5px #bbb7af8c,var(--shadow-xl);width:100%;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;outline:none;animation:modal-panel-in var(--transition-base) both}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-panel--sm{max-width:400px}.modal-panel--md{max-width:560px}.modal-panel--lg{max-width:720px}.modal-panel--xl{max-width:960px}.modal-panel--fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);padding-bottom:var(--space-4);flex-shrink:0}.modal-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--color-foreground);margin:0;line-height:1.2}.modal-subtitle{margin:4px 0 0;font-size:var(--text-sm);color:var(--color-muted);line-height:1.4}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-muted);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base);margin-left:auto}.modal-close-btn:hover{background-color:var(--color-surface-overlay);color:var(--color-foreground)}.modal-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:var(--space-6);padding-top:var(--space-4);overflow-y:auto;flex:1}.modal-panel:not(:has(.modal-header)) .modal-body{padding-top:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.toast-stack{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:380px;width:calc(100vw - var(--space-12))}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);border-left:3px solid transparent;animation:toast-enter var(--transition-slow) both}.toast--exit{animation:toast-exit var(--transition-slow) both}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast--success{border-left-color:var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left-color:var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left-color:var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{display:inline-flex;align-items:center;flex-shrink:0}.toast__message{flex:1;font-size:var(--text-sm);color:var(--color-foreground);line-height:1.4}.toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base);padding:0}.toast__close:hover{background-color:var(--color-surface-overlay);color:var(--color-foreground)}.toast__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-8);gap:var(--space-4)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;opacity:.4;color:var(--color-muted)}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--color-foreground);margin:0;line-height:1.2}.empty-state__description{font-size:var(--text-base);color:var(--color-muted);margin:0;max-width:360px;line-height:1.6}.empty-state__action{margin-top:var(--space-2)}.empty-state--error .empty-state__icon,.empty-state--error .empty-state__title{color:var(--color-error)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;background:var(--color-surface, #1e1e2e);border-top:1px solid var(--color-border, #333);box-shadow:0 -2px 12px #0000004d;flex-wrap:wrap}.cookie-banner__text{margin:0;font-size:.875rem;color:var(--color-text-secondary, #ccc);flex:1;min-width:200px}.cookie-banner__link{color:var(--color-accent, #7c6af7);text-decoration:underline}.cookie-banner__actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-banner__btn{padding:.4rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .15s}.cookie-banner__btn:hover{opacity:.85}.cookie-banner__btn--decline{background:transparent;border-color:var(--color-border, #555);color:var(--color-text-secondary, #ccc)}.cookie-banner__btn--accept{background:var(--color-accent, #7c6af7);color:#fff}.onboarding-checklist{position:fixed;bottom:24px;right:24px;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:300;font-size:13px}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid #f3f4f6}.onboarding-title{font-weight:600;font-size:13px;color:#111827}.onboarding-count{font-size:11px;color:#9ca3af;margin-left:8px}.onboarding-header-actions{display:flex;gap:4px}.onboarding-icon-btn{background:none;border:none;cursor:pointer;padding:2px 6px;color:#9ca3af;font-size:14px;border-radius:4px;line-height:1}.onboarding-icon-btn:hover{background:#f3f4f6;color:#374151}.onboarding-progress-bar{height:4px;background:#e5e7eb;margin:0 14px 8px;border-radius:2px;overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--color-primary, #2563eb);border-radius:2px;transition:width .4s ease}.onboarding-steps{list-style:none;margin:0;padding:4px 0 12px}.onboarding-step{display:flex;align-items:flex-start;gap:8px;padding:5px 14px}.onboarding-step-icon{font-size:13px;flex-shrink:0;margin-top:1px}.onboarding-step-label{color:#374151;text-decoration:none;line-height:1.4}.onboarding-step-label:hover{color:var(--color-primary, #2563eb);text-decoration:underline}.onboarding-step-label.done{color:#9ca3af;text-decoration:line-through}.onboarding-badge{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-primary, #2563eb);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 4px 12px #2563eb4d;z-index:300;transition:transform .15s}.onboarding-badge:hover{transform:translateY(-2px)}.onboarding-badge-pct{background:#ffffff40;border-radius:10px;padding:1px 6px;font-size:11px}.onboarding-badge-label{font-size:12px}body:has(.inference-nav) .onboarding-checklist{display:none}.login-modal .modal-title{font-size:var(--text-2xl);font-weight:400;text-align:center;flex:1}.lm-field{display:flex;flex-direction:column;margin-bottom:var(--space-5)}.lm-label{font-size:var(--text-sm);font-weight:500;color:var(--color-foreground);margin-bottom:var(--space-2)}.lm-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-foreground);background:var(--color-surface);transition:border-color var(--transition-fast);box-sizing:border-box}.lm-input:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.lm-input:disabled{background:var(--color-surface-raised);color:var(--color-muted);cursor:not-allowed}.lm-input:-webkit-autofill,.lm-input:-webkit-autofill:hover,.lm-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-foreground);font-family:var(--font-body);transition:background-color 5000s ease-in-out 0s}.lm-error{color:var(--color-error);background:var(--color-error-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.lm-submit{width:100%;margin-top:var(--space-2)}.lm-footer-note{font-size:var(--text-sm);color:var(--color-muted);text-align:center;margin:var(--space-5) 0 0}.lm-link{color:var(--color-primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:var(--space-2)}.lm-link:hover{text-decoration:underline}.lm-coming-soon{display:inline-block;font-size:var(--text-xs);font-weight:500;color:var(--color-warning);background:oklch(from var(--color-warning) l c h / .12);border:1px solid oklch(from var(--color-warning) l c h / .3);border-radius:var(--radius-full);padding:1px 8px;line-height:1.6;vertical-align:middle}.ph-root{--mk-paper: var(--color-background);--mk-paper-2: oklch(.965 .012 85);--mk-ink: oklch(.22 .02 60);--mk-forest: oklch(.42 .08 150);--mk-forest-deep: oklch(.32 .07 150);--mk-terracotta: oklch(.72 .13 45);--mk-terracotta-deep: oklch(.5 .15 40);--mk-hairline: oklch(.86 .015 75);--mk-pine: oklch(.29 .045 158);--mk-white: oklch(1 0 0);--mk-muted-fg: oklch(.45 .02 60);--mk-destructive: oklch(.55 .2 27);--mk-font-serif: "Hoefler Text", "Palatino Linotype", Palatino, Georgia, serif;--mk-font-body: Baskerville, "Libre Baskerville", "Hoefler Text", Georgia, serif;--mk-font-sans: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mk-font-humanist: Optima, Candara, "Gill Sans", "Gill Sans MT", sans-serif;--mk-text-xs: .75rem;--mk-text-sm: .875rem;--mk-text-base: 1rem;--mk-text-lg: 1.125rem;--mk-text-xl: 1.25rem;--mk-text-2xl: 1.5rem;--mk-tracking-eyebrow: .14em;--mk-tracking-tight: -.015em;--mk-radius-sm: 4px;--mk-radius-md: 6px;--mk-radius-lg: 8px;--mk-shadow-card: 0 1px 0 rgba(0, 0, 0, .02), 0 12px 40px -24px color-mix(in oklab, var(--mk-ink) 20%, transparent);--mk-shadow-md: 0 4px 16px -6px color-mix(in oklab, var(--mk-ink) 25%, transparent);--mk-shadow-lg: 0 12px 40px -16px color-mix(in oklab, var(--mk-ink) 30%, transparent);--mk-container: 76rem;--mk-pad: 1.25rem;--mk-section-y: 2.75rem;min-height:100vh;display:flex;flex-direction:column;background-color:var(--mk-paper);color:var(--mk-ink);font-family:var(--mk-font-body)}.ph-container{width:100%;max-width:var(--mk-container);margin-inline:auto;padding-inline:var(--mk-pad)}.ph-section{padding-block:var(--mk-section-y)}.ph-section--tint{background-color:transparent}.ph-section+.ph-section{border-top:1px solid var(--mk-hairline)}.ph-eyebrow{display:block;font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);font-weight:600;letter-spacing:var(--mk-tracking-eyebrow);text-transform:uppercase;color:var(--mk-terracotta-deep);margin:0}.ph-eyebrow--roadmap{color:var(--mk-terracotta)}.ph-h2{font-family:var(--mk-font-serif);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:400;line-height:1.12;letter-spacing:var(--mk-tracking-tight);color:var(--mk-ink);margin:.75rem 0 0}.ph-lede{font-family:var(--mk-font-body);font-size:1.0625rem;color:var(--mk-muted-fg);line-height:1.65;margin:1.25rem 0 0}.ph-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}.ph-card{position:relative;background:var(--mk-white);border:1px solid var(--mk-hairline);border-radius:var(--mk-radius-lg);box-shadow:var(--mk-shadow-card)}.ph-card--sketch{border:none;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}.ph-card--sketch.ph-card--hover:hover{box-shadow:none}.ph-card--hover{transition:box-shadow .3s ease,transform .3s ease}.ph-card--hover:hover{box-shadow:var(--mk-shadow-lg);transform:translateY(-4px)}.ph-sketch-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.ph-badge{display:inline-flex;align-items:center;height:1.875rem;padding:0 .875rem;border-radius:9999px;font-family:var(--font-body, var(--mk-font-body));font-size:.875rem;font-weight:400;color:#fff;background:var(--color-primary, #004225);border:none}@keyframes ph-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ph-animate-fade-in{opacity:0;animation:ph-fade-in .7s ease-out forwards}.ph-nav{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--mk-paper)}.ph-nav-inner{display:flex;align-items:center;gap:1.5rem;height:4rem;max-width:var(--mk-container);margin:0 auto;padding:0 var(--mk-pad)}.ph-nav-logo-link{display:flex;align-items:center;flex-shrink:0}.ph-nav-logo{height:38px;width:auto}.ph-nav-public,.ph-nav-auth{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.ph-nav-auth{gap:var(--space-4)}.ph-sign-in-link{font-family:var(--mk-font-humanist);font-size:.9rem;font-weight:500;color:var(--mk-muted-fg);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-base)}.ph-sign-in-link:hover{color:var(--mk-ink)}.ph-sign-up-link{font-family:var(--mk-font-humanist);font-size:.9rem;font-weight:500;color:var(--mk-paper);background-color:var(--mk-forest);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--mk-radius-md);transition:background-color var(--transition-base)}.ph-sign-up-link:hover{background-color:var(--mk-forest-deep)}.ph-commons-pill{display:flex;align-items:center;gap:var(--space-2);padding:.3rem .75rem;border:1px solid var(--mk-hairline);border-radius:9999px;background:var(--mk-white);cursor:pointer;font-size:.9rem;font-family:var(--mk-font-humanist);color:var(--mk-ink);transition:background var(--transition-base)}.ph-commons-pill:hover{background:var(--mk-paper-2)}.ph-commons-pill-text{font-weight:500}.ph-module-links{display:flex;align-items:center;gap:var(--space-4)}.ph-module-link{font-family:var(--mk-font-humanist);font-size:.9rem;font-weight:500;color:var(--mk-muted-fg);text-decoration:none;transition:color var(--transition-base)}.ph-module-link:hover{color:var(--mk-ink)}.ph-nav-divider{display:inline-block;width:1px;height:1.25rem;background-color:var(--mk-hairline)}.ph-nav-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-1);color:var(--mk-muted-fg);cursor:pointer;border-radius:var(--mk-radius-md);transition:color var(--transition-base),background var(--transition-base)}.ph-nav-icon-btn:hover{color:var(--mk-ink);background:var(--mk-paper-2)}.ph-user-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:var(--mk-forest);color:var(--mk-paper);font-family:var(--mk-font-sans);font-size:.75rem;font-weight:600;letter-spacing:.05em;-webkit-user-select:none;user-select:none;flex-shrink:0}.ph-hero{overflow:hidden}.ph-hero-inner{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;padding-block:3rem 3.5rem}.ph-hero-h1{font-family:var(--mk-font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1;letter-spacing:var(--mk-tracking-tight);color:var(--mk-ink);margin:0;text-wrap:balance}.ph-hero-body{font-family:var(--mk-font-body);font-size:var(--mk-text-lg);color:color-mix(in oklab,var(--mk-ink) 75%,transparent);line-height:1.65;max-width:36rem;margin:1.25rem 0 0}.ph-hero-actions{margin-top:2rem;display:flex;gap:.75rem;flex-wrap:wrap}.ph-root .ph-btn-solid .sketch-btn__outer{fill:var(--mk-forest);stroke:var(--mk-forest);transition:fill var(--transition-slow),stroke var(--transition-slow)}.ph-root .ph-btn-solid .sketch-btn__inner{stroke:none}.ph-root .ph-btn-solid,.ph-root .ph-btn-solid .sketch-btn__content{color:var(--mk-white)}.ph-root .ph-btn-solid .sketch-btn__arrow path{stroke:var(--mk-white)}.ph-root .ph-btn-solid .sketch-btn__bg{background:none}.ph-root .ph-btn-solid:not(.sketch-btn--disabled):hover .sketch-btn__outer{fill:var(--mk-forest-deep);stroke:var(--mk-forest-deep)}.ph-root .sketch-btn{font-family:var(--font-body, var(--mk-font-body));font-weight:400;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M3 4 C 25 2.2, 60 3.6, 97 2.8 C 98.4 14, 97.2 26, 97.6 37 C 70 38.4, 35 36.8, 2.6 37.8 C 1.8 27, 3.2 14, 3 4 Z' fill='none' stroke='%23295935' stroke-width='1.6' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.ph-root .sketch-btn .sketch-btn__svg,.ph-root .sketch-btn .sketch-btn__bg{display:none}.ph-root .sketch-btn.ph-btn-solid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M3 4 C 25 2.2, 60 3.6, 97 2.8 C 98.4 14, 97.2 26, 97.6 37 C 70 38.4, 35 36.8, 2.6 37.8 C 1.8 27, 3.2 14, 3 4 Z' fill='%23295935' stroke='%23295935' stroke-width='1.6' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E")}.ph-root .sketch-btn.ph-btn-solid:not(.sketch-btn--disabled):hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M3 4 C 25 2.2, 60 3.6, 97 2.8 C 98.4 14, 97.2 26, 97.6 37 C 70 38.4, 35 36.8, 2.6 37.8 C 1.8 27, 3.2 14, 3 4 Z' fill='%23133c1f' stroke='%23133c1f' stroke-width='1.6' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E")}.ph-root .sketch-btn.sketch-btn--outline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M3 4 C 25 2.2, 60 3.6, 97 2.8 C 98.4 14, 97.2 26, 97.6 37 C 70 38.4, 35 36.8, 2.6 37.8 C 1.8 27, 3.2 14, 3 4 Z' fill='none' stroke='%23ffffff' stroke-width='1.6' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E")}.ph-root .ph-btn-ondark .sketch-btn__outer,.ph-root .ph-btn-ondark .sketch-btn__inner{stroke:var(--mk-white)}.ph-root .ph-btn-ondark .sketch-btn__inner{opacity:.3}.ph-root .ph-btn-ondark,.ph-root .ph-btn-ondark .sketch-btn__content{color:var(--mk-white)}.ph-root .ph-btn-ondark .sketch-btn__arrow path{stroke:var(--mk-white)}.ph-root .ph-btn-ondark .sketch-btn__bg{background:color-mix(in oklab,var(--mk-white) 12%,transparent)}.ph-hero-video-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden}.ph-hero-video{width:100%;height:100%;display:block;object-fit:cover;mix-blend-mode:multiply;background:var(--mk-paper-2)}.ph-video-frame{position:relative;padding-top:56.25%}.ph-video-frame video{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#000}.ph-subjects{padding-block:2rem}.ph-subjects-list{margin-top:1.25rem;display:flex;gap:.625rem;flex-wrap:wrap;list-style:none;padding:0}.ph-problem-head{max-width:44rem}.ph-problem-head em{font-style:normal;color:var(--mk-forest-deep)}.ph-problem-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:2.5rem}.ph-problem-label{margin:0;font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--mk-tracking-eyebrow);color:var(--mk-muted-fg)}.ph-problem-col--solution .ph-problem-label{color:var(--mk-forest)}.ph-problem-col p+p{margin:1rem 0 0;font-family:var(--mk-font-body);font-size:1.0625rem;color:color-mix(in oklab,var(--mk-ink) 78%,transparent);line-height:1.65}.ph-hiw-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}.ph-hiw-intro .ph-lede{max-width:24rem}.ph-hiw-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1.5rem}.ph-step-card{overflow:visible;padding:.75rem;height:100%;display:flex;flex-direction:column}.ph-step-img{aspect-ratio:4 / 3;background:var(--mk-paper-2);overflow:hidden}.ph-step-img img{width:100%;height:100%;object-fit:cover;display:block}.ph-step-body{padding:1.5rem;flex:1;font-family:var(--mk-font-body)}.ph-step-n{margin:0;font-family:var(--mk-font-sans);font-size:var(--mk-text-sm);font-weight:600;color:var(--mk-terracotta-deep)}.ph-step-body h3{margin:.375rem 0 0;font-family:var(--mk-font-serif);font-size:1.375rem;font-weight:400;line-height:1.2;color:var(--mk-ink)}.ph-step-body p{margin:.625rem 0 0;font-size:1.0625rem;color:var(--mk-muted-fg);line-height:1.6}.ph-sim-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}.ph-sim-body{margin:1.25rem 0 0;font-family:var(--mk-font-body);font-size:var(--mk-text-lg);color:color-mix(in oklab,var(--mk-ink) 80%,transparent);line-height:1.65}.ph-sim-actions{margin-top:2rem}.ph-sim-media{position:relative}.ph-sim-shot{overflow:hidden;padding:0;transform:rotate(.4deg)}.ph-sim-shot img{width:100%;height:auto;display:block}.ph-sim-note{position:absolute;left:-1rem;bottom:-1rem;max-width:190px;padding:.75rem .875rem;transform:rotate(-1.2deg);font-family:var(--mk-font-sans)}.ph-sim-note p{margin:0;font-family:inherit;font-weight:600;font-size:var(--mk-text-base);line-height:1.2;color:var(--mk-forest)}.ph-sim-note ul{margin:.375rem 0 0;padding-left:1.1em;font-family:inherit;font-size:.8125rem;line-height:1.4;color:var(--mk-forest)}.ph-sim-note li span{color:var(--mk-muted-fg)}.ph-ug-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.ph-ug-card{height:100%;padding:1.75rem;font-family:var(--mk-font-body);display:flex;flex-direction:column}.ph-ug-card h3{margin:0;font-family:var(--mk-font-serif);font-size:1.625rem;font-weight:400;color:var(--mk-ink)}.ph-ug-card p{margin:.75rem 0 0;font-size:1.0625rem;color:var(--mk-muted-fg);line-height:1.6;flex:1}.ph-ug-link{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mk-font-humanist);font-size:1.0625rem;font-weight:500;color:var(--mk-forest);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;align-self:flex-start}.ph-ug-link:hover{color:var(--mk-forest-deep);text-decoration:underline;text-underline-offset:4px}.ph-products-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.ph-product-card{display:flex;flex-direction:column;height:100%;padding:.75rem;overflow:hidden}.ph-product-card-img{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--mk-paper-2)}.ph-product-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ph-product-card:hover .ph-product-card-img img{transform:scale(1.04)}.ph-coming-soon-badge{position:absolute;top:.75rem;left:.75rem;z-index:var(--z-raised);display:inline-flex;align-items:center;height:1.625rem;padding:0 .75rem;border-radius:9999px;background-color:var(--mk-white);border:1px solid var(--mk-hairline);color:var(--mk-muted-fg);font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ph-product-card-body{padding:1.75rem;flex:1;display:flex;flex-direction:column}.ph-product-card-body h3{margin:0;font-family:var(--mk-font-serif);font-size:var(--mk-text-2xl);font-weight:400;line-height:1.2;color:var(--mk-ink)}.ph-product-card-body p{margin:.625rem 0 0;font-family:var(--mk-font-body);font-size:var(--mk-text-sm);color:var(--mk-muted-fg);line-height:1.6;flex:1}.ph-product-subject{margin:1.5rem 0 0;font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);text-transform:uppercase;letter-spacing:var(--mk-tracking-eyebrow);color:color-mix(in oklab,var(--mk-ink) 50%,transparent)}.ph-faq-list{margin-top:1.75rem;max-width:44rem}.ph-faq-item{border-top:1px solid color-mix(in oklab,var(--mk-ink) 12%,transparent);padding:1.25rem 0}.ph-faq-item summary{cursor:pointer;font-family:var(--mk-font-serif);font-size:var(--mk-text-lg);color:var(--mk-ink)}.ph-faq-item summary::marker,.ph-faq-item summary::-webkit-details-marker{color:var(--mk-forest)}.ph-faq-item p{margin:.75rem 0 0;font-family:var(--mk-font-body);font-size:var(--mk-text-base);color:var(--mk-muted-fg);line-height:1.65}.ph-cta{background:var(--mk-pine);color:var(--mk-paper)}.ph-cta-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start;padding-block:3rem}.ph-cta-eyebrow{color:var(--mk-terracotta)}.ph-cta h2{margin:.75rem 0 0;font-family:var(--mk-font-serif);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;line-height:1.15;color:var(--mk-paper)}.ph-cta-body{margin:1.25rem 0 0;font-family:var(--mk-font-body);font-size:var(--mk-text-lg);color:color-mix(in oklab,var(--mk-paper) 75%,transparent);max-width:36rem;line-height:1.65}.ph-cta-actions{margin-top:2rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.ph-cta-mail{display:inline-flex;height:3rem;align-items:center;padding:0 1.5rem;border-radius:var(--mk-radius-md);border:1px solid color-mix(in oklab,var(--mk-paper) 25%,transparent);color:var(--mk-paper);font-family:var(--mk-font-humanist);font-size:.95rem;text-decoration:none;transition:background var(--transition-base)}.ph-cta-mail:hover{background:color-mix(in oklab,var(--mk-paper) 10%,transparent)}.ph-footer{background-color:var(--mk-paper-2);border-top:1px solid var(--mk-hairline);margin-top:auto}.ph-footer-top{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-block:3rem}.ph-footer-logo{height:40px;width:auto}.ph-footer-blurb{margin:1rem 0 0;max-width:20rem;font-family:var(--mk-font-body);font-size:var(--mk-text-sm);color:var(--mk-muted-fg);line-height:1.6}.ph-footer-col-title{margin:0;font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--mk-tracking-eyebrow);color:color-mix(in oklab,var(--mk-ink) 60%,transparent)}.ph-footer-col ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.625rem}.ph-footer-col a{font-family:var(--mk-font-body);font-size:var(--mk-text-sm);color:color-mix(in oklab,var(--mk-ink) 80%,transparent);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;text-align:left}.ph-footer-col a:hover{color:var(--mk-forest);text-decoration:underline;text-underline-offset:4px}.ph-footer-bottom{border-top:1px solid var(--mk-hairline)}.ph-footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding-block:1.5rem}.ph-footer-copy,.ph-footer-contact{margin:0;font-family:var(--mk-font-body);font-size:var(--mk-text-xs);color:var(--mk-muted-fg)}.ph-footer-contact a{color:inherit;text-decoration:underline;text-underline-offset:3px}.ph-footer-linkedin{color:var(--mk-muted-fg);transition:color var(--transition-base)}.ph-footer-linkedin:hover{color:var(--mk-forest)}.ph-contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.ph-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.ph-form-field label{font-family:var(--mk-font-sans);font-size:var(--mk-text-sm);font-weight:500;color:var(--mk-ink)}.ph-form-field input,.ph-form-field textarea{width:100%;box-sizing:border-box;padding:.5rem .75rem;border:1px solid var(--mk-hairline);border-radius:var(--mk-radius-md);font-family:var(--mk-font-sans);font-size:var(--mk-text-sm);color:var(--mk-ink);background-color:var(--mk-white);outline:none;transition:border-color var(--transition-base)}.ph-form-field input:focus,.ph-form-field textarea:focus{border-color:var(--mk-forest)}.ph-form-field textarea{resize:vertical;min-height:7rem}.ph-char-count{font-family:var(--mk-font-sans);font-size:.7rem;color:var(--mk-muted-fg);text-align:right}.ph-form-error{font-family:var(--mk-font-sans);font-size:var(--mk-text-sm);color:var(--mk-destructive)}.ph-contact-success{padding:var(--space-6) 0;text-align:center}.ph-contact-success p{font-family:var(--mk-font-body);font-size:var(--mk-text-base);color:var(--mk-muted-fg);line-height:1.6}@media(min-width:768px){.ph-root{--mk-section-y: 3.5rem}.ph-hero-inner{grid-template-columns:1.05fr 1fr;gap:3rem;padding-block:2.5rem 3rem}.ph-problem-grid{grid-template-columns:1fr 1fr;gap:0}.ph-problem-col--problem{padding-right:2.5rem}.ph-problem-col--solution{padding-left:2.5rem;border-left:1px solid color-mix(in oklab,var(--mk-ink) 12%,transparent)}.ph-hiw-grid{grid-template-columns:.85fr 1.15fr;gap:3rem}.ph-hiw-intro{position:sticky;top:5rem}.ph-hiw-steps{grid-template-columns:repeat(2,1fr)}.ph-sim-grid{grid-template-columns:1.1fr 1fr;gap:3rem}.ph-ug-grid{grid-template-columns:repeat(3,1fr)}.ph-products-grid{grid-template-columns:repeat(2,1fr)}.ph-cta-grid{grid-template-columns:1fr;padding-block:3.5rem}.ph-footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:3rem;padding-block:4rem}.mk-footer .ph-footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr}}@media(max-width:767px){.ph-hiw-steps,.ph-ug-grid{padding-inline:.5rem}.ph-sim-note{position:static;max-width:none;margin-top:1.5rem;transform:none}.ph-sim-shot{transform:none}.ph-module-links,.ph-commons-pill{display:none}.ph-video-overlay{padding:1rem}}.ph-co-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.ph-co-list{margin:1.25rem 0 0;padding-left:1.2rem;font-family:var(--mk-font-body);font-size:1.0625rem;line-height:1.6;color:var(--mk-ink)}.ph-co-list li+li{margin-top:.35rem}.ph-co-actions{margin-top:1.75rem}.ph-co-shot{align-self:center;padding:.85rem calc(1.6rem - 3px)}.ph-co-shot img{display:block;width:100%;height:auto}@media(min-width:768px){.ph-co-grid{grid-template-columns:1fr 1.15fr;gap:3rem}}@media(prefers-reduced-motion:reduce){.ph-hero-video{display:none}.ph-hero-video-wrap{background-image:url(/video/marketing-hero-poster.jpg);background-size:cover;background-position:center}}.ph-products-grid--stack{grid-template-columns:1fr}.ph-sc-feature{padding:3.25rem max(.75rem,3.8%) 3rem;overflow:hidden}.ph-sc-head{padding:0 .5rem 1.5rem}.ph-sc-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ph-sc-head h3{margin:0;font-family:var(--mk-font-serif);font-size:var(--mk-text-2xl);font-weight:400;line-height:1.2;color:var(--mk-ink)}.ph-sc-head>p:not(.ph-product-subject){margin:.625rem 0 0;max-width:60ch;font-family:var(--mk-font-body);font-size:var(--mk-text-sm);color:var(--mk-muted-fg);line-height:1.6}.ph-sc-head .ph-product-subject{margin-top:1rem}.ph-coming-soon-badge.ph-sc-soon{position:static;background-color:var(--mk-terracotta-deep);border-color:var(--mk-terracotta-deep);color:var(--mk-white)}.ph-sc-car{position:relative;overflow:hidden;background:var(--mk-paper-2);border-top:1px solid var(--mk-hairline)}.ph-sc-car:focus-visible{outline:3px solid var(--mk-terracotta-deep);outline-offset:-3px}.ph-sc-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.ph-sc-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr}.ph-sc-art{--sc-tile: #e8d9b8;--sc-tile-ink: #173f30;--sc-dlg: #f4eddd;--sc-dlg-ink: #2a241b;--sc-sel: #0f5a3f;position:relative;container-type:inline-size;aspect-ratio:548 / 641;overflow:hidden}.ph-sc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ph-sc-hud{position:absolute;left:2.5cqw;right:2.5cqw;top:2.5cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;font-family:var(--font-game-hand)}.ph-sc-hud>div{display:flex;align-items:center;justify-content:center;gap:1.6cqw;min-width:0;padding:1.5cqw 1.8cqw;background:var(--sc-tile);border-radius:.4cqw;box-shadow:0 .4cqw #3c2d142e}.ph-sc-hud svg{flex:none;width:4.4cqw;height:4.4cqw}.ph-sc-hud b{font-weight:400;font-size:4.1cqw;line-height:1;color:var(--sc-tile-ink);white-space:nowrap}.ph-sc-hud>.ph-sc-hl{background:#d9e4cc}.ph-sc-hud .ph-sc-up:after{content:" ▲";font-size:2.6cqw;color:var(--sc-sel)}.ph-sc-pin{position:absolute;left:2.5cqw;top:13.6cqw;display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 2.2cqw 1.1cqw 1.6cqw;background:var(--sc-tile);border-radius:.4cqw;box-shadow:0 .4cqw #3c2d142e;font:400 3.4cqw/1 var(--font-game-hand);color:var(--sc-tile-ink)}.ph-sc-pin svg{width:3.6cqw;height:3.6cqw}.ph-sc-gcard{position:absolute;padding:2.2cqw 2.6cqw;background:var(--sc-dlg);border:.35cqw solid var(--sc-dlg-ink);border-radius:.3cqw;box-shadow:0 1cqw 2.4cqw #281c0a47;font-family:var(--font-game-hand);color:var(--sc-dlg-ink)}.ph-sc-gcard p{margin:0 0 1.6cqw;font-size:3.4cqw;line-height:1.25}.ph-sc-gcard--choice{left:42%;right:2.5cqw;top:12.8cqw}.ph-sc-gcard--goal{left:2.5cqw;width:58cqw;bottom:3cqw}.ph-sc-gcard--goal p,.ph-sc-gcard--ledger p{margin:0}.ph-sc-gcard--ledger{right:2.5cqw;width:50cqw;top:14.5cqw}.ph-sc-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw}.ph-sc-opts span{padding:1.3cqw .6cqw;border:.3cqw solid var(--sc-dlg-ink);border-radius:.2cqw;background:#fbf7ec;text-align:center;font-size:3.1cqw;line-height:1.1;white-space:nowrap}.ph-sc-opts .ph-sc-opt-sel{background:var(--sc-sel);border-color:var(--sc-sel);color:var(--sc-dlg)}.ph-sc-gcard .ph-sc-note{margin:1.4cqw 0 0;font-size:2.8cqw;color:#6c6253}.ph-sc-bar{height:2.4cqw;margin-top:1.4cqw;overflow:hidden;border:.3cqw solid var(--sc-dlg-ink);border-radius:.2cqw;background:#fbf7ec}.ph-sc-bar i{display:block;height:100%;background:var(--sc-sel)}.ph-sc-row{display:flex;justify-content:space-between;margin-top:.8cqw;font-size:3.1cqw}.ph-sc-row b{font-weight:700;color:var(--sc-sel)}.ph-sc-copy{display:flex;flex-direction:column;gap:.625rem;min-width:0;padding:1.375rem 1.5rem 1.5rem}.ph-sc-eyebrow{margin:0;font-family:var(--mk-font-sans);font-size:var(--mk-text-xs);font-weight:600;letter-spacing:var(--mk-tracking-eyebrow);text-transform:uppercase;color:var(--mk-terracotta-deep)}.ph-sc-copy h4{margin:0;font-family:var(--mk-font-serif);font-size:clamp(1.625rem,5vw,2.125rem);font-weight:400;line-height:1.1;text-wrap:balance;color:var(--mk-ink)}.ph-sc-body{margin:0;max-width:44ch;font-family:var(--mk-font-body);font-size:var(--mk-text-base);line-height:1.6;color:var(--mk-muted-fg)}.ph-sc-where{display:flex;align-items:center;gap:.5rem;margin:.375rem 0 0;font-family:var(--mk-font-sans);font-size:var(--mk-text-sm);font-weight:600;color:var(--mk-forest)}.ph-sc-where svg{flex:none;width:1rem;height:1rem}.ph-sc-prog{height:3px}.ph-sc-prog i{display:block;height:100%;width:0;background:var(--mk-terracotta-deep);animation-name:ph-sc-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ph-sc-progress{0%{width:0}to{width:100%}}.ph-sc-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--mk-hairline)}.ph-sc-dots{display:flex;gap:.5rem}.ph-sc-dot{display:flex;align-items:center;gap:.5rem;padding:.4375rem .75rem;border:1.5px solid var(--mk-hairline);border-radius:9999px;background:transparent;font:600 .8125rem/1 var(--mk-font-sans);color:var(--mk-muted-fg);cursor:pointer}.ph-sc-dot-n{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--mk-hairline);color:var(--mk-ink);font-size:.6875rem}.ph-sc-dot[aria-current=true]{border-color:var(--mk-forest);color:var(--mk-forest)}.ph-sc-dot[aria-current=true] .ph-sc-dot-n{background:var(--mk-forest);color:var(--mk-white)}.ph-sc-arrows{display:flex;gap:.5rem}.ph-sc-arrows button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--mk-ink);border-radius:50%;background:var(--mk-white);color:var(--mk-ink);cursor:pointer}.ph-sc-arrows svg{width:1.125rem;height:1.125rem}.ph-sc-dot:focus-visible,.ph-sc-arrows button:focus-visible{outline:3px solid var(--mk-terracotta-deep);outline-offset:2px}@media(min-width:768px){.ph-sc-feature{padding-block:2.5rem 2.75rem}.ph-sc-slide{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.ph-sc-copy{justify-content:center;gap:.875rem;padding:2rem 2.25rem;border-left:1px solid var(--mk-hairline)}.ph-sc-copy h4{font-size:clamp(1.75rem,3.2vw,2.375rem)}.ph-product-card--wide{flex-direction:row;padding:1.5rem max(.75rem,3.8%)}.ph-product-card--wide .ph-product-card-img{flex:0 0 40%}}@media(max-width:520px){.ph-sc-dot-lbl{display:none}}@media(prefers-reduced-motion:reduce){.ph-sc-track{transition:none}}.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-muted);font-size:.8125rem}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;max-width:76rem;margin:0 auto;padding:.875rem 1.25rem}.site-footer__title{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--color-foreground);text-decoration:none}.site-footer__links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;margin:0;padding:0}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.site-footer__copy{margin:0 0 0 auto}#root{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}