:root{color-scheme:light;--kl-brand-blue: #0d6ef0;--kl-brand-orange: #f5560a;--kl-navy-950: #06122a;--kl-navy-900: #0b1b3a;--kl-navy-800: #142a51;--kl-slate-600: #4a5a75;--kl-slate-500: #667691;--kl-slate-400: #8593aa;--kl-blue-700: #1559c9;--kl-blue-600: #1f6feb;--kl-blue-500: #4a8cf2;--kl-blue-100: #dbe7fd;--kl-blue-50: #eef4fe;--kl-blue-25: #f7faff;--kl-white: #ffffff;--kl-border: #e3eaf6;--color-bg: var(--kl-white);--color-bg-soft: var(--kl-blue-25);--color-surface: var(--kl-white);--color-surface-alt: var(--kl-blue-50);--color-surface-invert: var(--kl-navy-900);--color-heading: var(--kl-navy-900);--color-text: var(--kl-slate-600);--color-text-strong: var(--kl-navy-800);--color-text-subtle: var(--kl-slate-400);--color-text-invert: var(--kl-white);--color-primary: var(--kl-blue-600);--color-primary-hover: var(--kl-blue-700);--color-primary-contrast: var(--kl-white);--color-primary-soft: var(--kl-blue-50);--color-secondary: var(--kl-navy-900);--color-secondary-contrast: var(--kl-white);--color-accent: var(--kl-blue-500);--color-accent-soft: var(--kl-blue-50);--color-border: var(--kl-border);--color-border-strong: #cfdcf2;--color-focus: var(--kl-blue-600);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-serif: Georgia, "Times New Roman", Times, serif;--font-script: "Bradley Hand", "Segoe Script", "Snell Roundhand", "Brush Script MT", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1.0625rem, 1.02rem + .2vw, 1.1875rem);--text-xl: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem);--text-2xl: clamp(1.375rem, 1.25rem + .6vw, 1.75rem);--text-3xl: clamp(1.625rem, 1.4rem + 1.1vw, 2.25rem);--text-4xl: clamp(1.875rem, 1.5rem + 1.8vw, 2.75rem);--text-5xl: clamp(2.25rem, 1.6rem + 3.1vw, 3.75rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.7;--tracking-tight: -.022em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-eyebrow: .14em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--section-y: clamp(3.5rem, 2rem + 6vw, 7rem);--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--container: 72rem;--container-narrow: 46rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(11 27 58 / .06);--shadow-sm: 0 2px 8px rgb(11 27 58 / .06);--shadow-md: 0 8px 24px -8px rgb(11 27 58 / .14), 0 2px 6px rgb(11 27 58 / .05);--shadow-lg: 0 24px 48px -24px rgb(11 27 58 / .24), 0 8px 16px -8px rgb(11 27 58 / .08);--shadow-focus: 0 0 0 3px rgb(31 111 235 / .28);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.32, .64, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .36s;--header-height: 4.5rem;--z-header: 100;--z-skip: 200}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--color-heading);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty}a{color:var(--color-primary);text-decoration-thickness:from-font;text-underline-offset:.18em}a:hover{color:var(--color-primary-hover)}img,svg,video,picture{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul,ol{padding-inline-start:1.25em}:where(ul,ol)[role=list]{list-style:none;padding-inline-start:0}::selection{background:var(--color-primary);color:var(--color-primary-contrast)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--z-skip);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-secondary);color:var(--color-secondary-contrast);font-size:var(--text-sm);font-weight:700;text-decoration:none;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--duration-base) var(--ease-out)}.skip-link:focus{transform:translateY(0);color:var(--color-secondary-contrast)}[id]{scroll-margin-top:calc(var(--header-height) + var(--space-2))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--color-text: var(--kl-navy-800);--color-text-subtle: var(--kl-slate-600);--color-border: var(--kl-slate-400)}}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;isolation:isolate}.page__main{flex:1 1 auto}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--section-y)}.section--tight{padding-block:calc(var(--section-y) * .6)}.section--flush-top{padding-block-start:clamp(1.5rem,1rem + 2vw,2.5rem)}.section--soft{background:var(--color-bg-soft)}.section--divided{border-top:1px solid var(--color-border)}.section__head{max-width:40rem;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem)}.section__head--center{max-width:44rem;margin-inline:auto;text-align:center}.section__title{font-size:var(--text-4xl)}.section__subtitle{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text)}.eyebrow{display:block;margin-bottom:var(--space-4);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.site-header[data-scrolled=true]{border-bottom-color:var(--color-border);box-shadow:var(--shadow-xs)}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);min-height:var(--header-height)}.site-header__nav{display:contents}.site-nav{display:none;align-items:center;gap:clamp(var(--space-4),2vw,var(--space-8));list-style:none;margin:0;padding:0}.site-nav__link{color:var(--color-text-strong);font-size:var(--text-sm);font-weight:600;text-decoration:none;padding-block:var(--space-2);transition:color var(--duration-fast) var(--ease-out)}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--color-primary)}.site-header__actions{display:flex;align-items:center;gap:var(--space-3);margin-inline-start:auto}.site-header__cta{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-strong)}.nav-toggle:hover{border-color:var(--color-border-strong)}.nav-panel{border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-4) var(--space-6)}.nav-panel__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0 0 var(--space-4);padding:0}.nav-panel__link{display:block;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-strong);font-size:var(--text-lg);font-weight:600;text-decoration:none}.nav-panel__link:hover{background:var(--color-surface-alt)}@media(min-width:52rem){.site-nav{display:flex;margin-inline-start:auto}.site-header__actions{margin-inline-start:0}.site-header__cta{display:inline-flex}.nav-toggle{display:none}}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-12) var(--space-8);background:var(--color-bg)}.site-footer__top{display:grid;gap:var(--space-10);grid-template-columns:1fr;padding-bottom:var(--space-10)}.site-footer__brand{max-width:22rem}.site-footer__tagline{margin-top:var(--space-4);color:var(--color-text);font-size:var(--text-sm)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-10)}.site-footer__group-title{margin-bottom:var(--space-3);color:var(--color-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.site-footer__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.site-footer__link{color:var(--color-text);font-size:var(--text-sm);font-weight:500;text-decoration:none}.site-footer__link:hover{color:var(--color-primary);text-decoration:underline}.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-xs)}.site-footer__socials{display:flex;gap:var(--space-2);list-style:none;margin:0;padding:0}.site-footer__social{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-strong);transition:background-color var(--duration-fast) var(--ease-out)}.site-footer__social:hover{background:var(--color-surface-alt)}@media(min-width:52rem){.site-footer__top{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--color-primary) 70%,transparent)}.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-primary-contrast);box-shadow:0 12px 26px -10px color-mix(in srgb,var(--color-primary) 70%,transparent)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-strong)}.btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--soft{background:var(--color-primary-soft);color:var(--color-primary)}.btn--soft:hover{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-text-strong);padding-inline:var(--space-3)}.btn--ghost:hover{color:var(--color-primary)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--block{width:100%}.btn__icon{flex:0 0 auto;transition:transform var(--duration-base) var(--ease-out)}.btn:hover .btn__icon--arrow{transform:translate(3px)}.store-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--kl-navy-900);color:var(--kl-white);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.store-badge:hover{color:var(--kl-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.store-badge__text{display:flex;flex-direction:column;line-height:1.15;text-align:left}.store-badge__kicker{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.store-badge__name{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(var(--space-5),2vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.card--interactive:hover{border-color:color-mix(in srgb,var(--card-accent, var(--color-primary)) 40%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--flush{padding:0;overflow:hidden}.card--plain{border:0;box-shadow:none;background:transparent;padding:0}.card__title{font-size:var(--text-2xl)}.card__tagline{color:var(--card-accent, var(--color-primary));font-size:var(--text-lg);font-weight:700}.card__body{color:var(--color-text)}.card__footer{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-strong);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge--accent{background:var(--card-accent-soft, var(--color-accent-soft));color:var(--card-accent, var(--color-accent))}.badge--dot:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.icon-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--icon-tile-bg, var(--color-surface-alt));color:var(--icon-tile-fg, var(--color-primary))}.icon-tile--lg{width:4.5rem;height:4.5rem;border-radius:var(--radius-xl)}.app-icon{flex:0 0 auto;border-radius:26%;box-shadow:var(--shadow-md);background:var(--color-surface)}.app-icon--sm{width:3.25rem;height:3.25rem}.app-icon--md{width:4.5rem;height:4.5rem}.app-icon--lg{width:6rem;height:6rem}.phone{position:relative;flex:0 0 auto;width:100%;max-width:15rem;padding:.5rem;border-radius:2.25rem;background:linear-gradient(160deg,#26334d,#0b1b3a 60%,#1a2742);box-shadow:var(--shadow-lg)}.phone:after{content:"";position:absolute;top:1.05rem;left:50%;width:28%;height:.35rem;transform:translate(-50%);border-radius:var(--radius-pill);background:#ffffff38}.phone__screen{overflow:hidden;border-radius:1.85rem;background:var(--color-surface);aspect-ratio:390 / 844}.phone__screen img{width:100%;height:100%;object-fit:cover}.phone--sm{max-width:11.5rem}.phone--lg{max-width:18rem}.shot{flex:0 0 auto;width:100%;max-width:15rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:var(--color-surface-alt)}.shot--sm{max-width:11.5rem}.shot--lg{max-width:18rem}.gallery{display:flex;gap:var(--space-5);align-items:flex-end;list-style:none;margin:0;padding:0}.gallery--scroll{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-block-end:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}.gallery--scroll>*{scroll-snap-align:center;flex:0 0 auto}@media(min-width:52rem){.gallery--scroll{margin-inline:0;padding-inline:0;overflow-x:visible;justify-content:center}}.grid{display:grid;gap:clamp(var(--space-4),2vw,var(--space-6));margin:0;padding:0}.grid--2,.grid--3{grid-template-columns:1fr}@media(min-width:40rem){.grid--2,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid--apps{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.feature{display:flex;flex-direction:column;gap:var(--space-3)}.feature__title{font-size:var(--text-lg)}.feature__body{color:var(--color-text);font-size:var(--text-sm)}.principles{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0}.principle{display:flex;gap:var(--space-4);align-items:center;padding:clamp(var(--space-4),2vw,var(--space-6));border-radius:var(--radius-xl);background:var(--principle-bg, var(--color-surface-alt))}.principle__icon{width:3.25rem;height:3.25rem;border-radius:50%}.principle__title{font-size:var(--text-lg)}.principle__body{margin-top:var(--space-1);color:var(--color-text);font-size:var(--text-sm)}@media(min-width:48rem){.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}}.callout{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5) var(--space-8);padding:clamp(var(--space-5),2vw,var(--space-8));border-radius:var(--radius-xl);background:var(--color-surface-alt)}.callout__body{flex:1 1 18rem}.callout__title{font-size:var(--text-xl)}.callout__text{margin-top:var(--space-2);color:var(--color-text);font-size:var(--text-sm)}.config-placeholder{display:inline-flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-subtle);font-size:var(--text-xs);text-align:left}.config-placeholder__label{font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.config-placeholder__hint{font-family:var(--font-mono);font-size:.7rem;word-break:break-word}.prose{max-width:44rem}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-10);font-size:var(--text-2xl)}.prose h3{margin-top:var(--space-6);font-size:var(--text-lg)}.prose ul,.prose ol{color:var(--color-text)}.prose li+li{margin-block-start:var(--space-2)}.prose a{font-weight:600}.page-header{padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem) var(--space-8)}.legal-page{padding-block-end:clamp(3rem,2rem + 4vw,5.5rem)}.page-header__meta{margin-top:var(--space-4);color:var(--color-text-subtle);font-size:var(--text-sm)}.template-notice{margin-bottom:var(--space-8);padding:var(--space-4) var(--space-5);border:1px solid #f0c987;border-left-width:4px;border-radius:var(--radius-md);background:#fff8ec;color:#6b4a10;font-size:var(--text-sm)}.not-found{display:grid;place-items:center;min-height:60vh;padding-block:var(--section-y);text-align:center}.not-found__code{color:var(--color-primary);font-size:var(--text-sm);font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.not-found__title{margin-top:var(--space-4);font-size:var(--text-4xl)}.not-found__text{margin-top:var(--space-4);max-width:34rem;color:var(--color-text)}.not-found__actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.logo{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-heading);text-decoration:none}.logo__mark{flex:0 0 auto}.logo__word{font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-tight);white-space:nowrap}.logo__word-first{color:var(--kl-brand-blue)}.logo__word-second{color:var(--kl-brand-orange)}.logo-link{display:inline-flex;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.logo-link:hover{opacity:.75}