:root{--ref-blue-50:#ebf0ff;--ref-blue-100:#d6e0ff;--ref-blue-200:#b0c2ff;--ref-blue-300:#809eff;--ref-blue-400:#5079ff;--ref-blue-500:#2e5bff;--ref-blue-600:#2345d6;--ref-blue-700:#1b35a3;--ref-blue-800:#14267a;--ref-blue-900:#0d1852;--ref-neutral-0:#ffffff;--ref-neutral-50:#fafaf7;--ref-neutral-100:#f3f3ef;--ref-neutral-200:#e6e6e3;--ref-neutral-300:#d2d2cf;--ref-neutral-400:#a2a2a8;--ref-neutral-500:#6b6b72;--ref-neutral-600:#4f4f55;--ref-neutral-700:#3d3d42;--ref-neutral-800:#2a2a2e;--ref-neutral-900:#1a1a1c;--ref-neutral-950:#0e0e10;--ref-green-50:#e4f3ea;--ref-green-100:#c6e4d0;--ref-green-400:#39a05a;--ref-green-500:#1f7a3e;--ref-green-600:#185f30;--ref-green-700:#104122;--ref-amber-50:#fbf0dc;--ref-amber-100:#f5dfaf;--ref-amber-400:#b8800c;--ref-amber-500:#8a5a00;--ref-amber-600:#6e4700;--ref-red-50:#fae4e1;--ref-red-100:#f3c2bb;--ref-red-400:#e04234;--ref-red-500:#c0291c;--ref-red-600:#991f15;--ref-red-700:#71160e;--ref-cyan-50:#e1edf7;--ref-cyan-500:#1f5f8b;--ref-purple-50:#f4e4f1;--ref-purple-500:#8b4a7a;--ref-purple-600:#6d3a5f;--ref-kakao-yellow:#fee500;--ref-kakao-ink:#191600;--ref-google-border:#dadce0;--ref-google-text:#1f1f1f;--sys-bg-canvas:var(--ref-neutral-50);--sys-bg-surface:var(--ref-neutral-0);--sys-bg-surface-sunken:var(--ref-neutral-100);--sys-bg-surface-inverse:var(--ref-neutral-950);--sys-bg-brand:var(--ref-blue-500);--sys-bg-brand-tint:var(--ref-blue-50);--sys-bg-success-tint:var(--ref-green-50);--sys-bg-warning-tint:var(--ref-amber-50);--sys-bg-danger-tint:var(--ref-red-50);--sys-bg-info-tint:var(--ref-cyan-50);--sys-bg-tier4-tint:var(--ref-purple-50);--sys-text-primary:var(--ref-neutral-950);--sys-text-secondary:var(--ref-neutral-700);--sys-text-tertiary:var(--ref-neutral-500);--sys-text-disabled:var(--ref-neutral-400);--sys-text-inverse:var(--ref-neutral-0);--sys-text-brand:var(--ref-blue-500);--sys-text-success:var(--ref-green-500);--sys-text-warning:var(--ref-amber-500);--sys-text-danger:var(--ref-red-500);--sys-text-tier4:var(--ref-purple-500);--sys-border-subtle:var(--ref-neutral-100);--sys-border-default:var(--ref-neutral-200);--sys-border-strong:var(--ref-neutral-700);--sys-border-focus:var(--ref-blue-500);--sys-border-error:var(--ref-red-500);--sys-border-interactive:var(--ref-neutral-950);--sys-brand-primary:var(--sys-bg-brand);--sys-bg-error-subtle:var(--sys-bg-danger-tint);--sys-text-error:var(--sys-text-danger);--sys-text-on-brand:var(--sys-text-inverse);--sys-border-danger:var(--sys-border-error);--sys-border-emphasis:var(--sys-border-strong);--sys-overlay-backdrop:rgba(14,14,16,0.45);--sys-overlay-backdrop-strong:rgba(14,14,16,0.5);--sys-overlay-backdrop-cool:rgba(15,23,42,0.48);--sys-overlay-camera-muted:rgba(0,0,0,0.35);--sys-overlay-camera-strong:rgba(0,0,0,0.55);--sys-border-inverse-muted:rgba(255,255,255,0.2);--sys-bg-brand-soft:rgba(59,130,246,0.14);--sys-bg-success-soft:rgba(16,185,129,0.14);--sys-bg-brand-subtle:rgba(49,102,255,0.06);--space-0:0;--space-hairline:1px;--space-0-5:2px;--space-0-75:3px;--space-1:4px;--space-1-25:5px;--space-1-5:6px;--space-2:8px;--space-2-25:9px;--space-2-5:10px;--space-2-75:11px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-4-5:18px;--space-5:20px;--space-5-5:22px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-inset-sm:var(--space-3);--space-inset-md:var(--space-4);--space-inset-lg:var(--space-6);--space-inset-xl:var(--space-7);--space-stack-sm:var(--space-3);--space-stack-md:var(--space-4);--space-stack-lg:var(--space-5);--space-stack-xl:var(--space-8);--space-inline-sm:var(--space-2);--space-inline-md:var(--space-3);--space-inline-lg:var(--space-4);--space-screen-x:var(--space-5);--space-screen-y:var(--space-5);--space-section-gap:var(--space-8);--landing-layout-width:1180px;--landing-page-gutter:max(var(--space-5),calc((100vw - var(--landing-layout-width)) / 2));--landing-visual-offset:max(var(--space-5),calc((100vw - var(--landing-layout-width)) / 2 - var(--space-8)));--landing-hero-position-y:104px;--radius-micro:2px;--radius-tiny:3px;--radius-xs:8px;--radius-compact:6px;--radius-tight:7px;--radius-sm:10px;--radius-control:12px;--radius-card-sm:14px;--radius-card:16px;--radius-md:18px;--radius-dialog:20px;--radius-card-lg:24px;--radius-lg:28px;--radius-2xl:32px;--radius-pill:999px;--tap-min:56px;--shadow-sm:0 1px 2px rgba(14,14,16,0.04);--shadow-xs:0 1px 2px rgba(14,14,16,0.08);--shadow-md:0 4px 12px rgba(14,14,16,0.06);--shadow-lg:0 8px 32px rgba(14,14,16,0.12);--shadow-dialog:0 24px 60px rgba(15,23,42,0.2);--sys-shadow-1:var(--shadow-md);--focus-ring:0 0 0 3px rgba(46,91,255,0.25);--font-sans:"Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont,system-ui,sans-serif}@font-face{font-family:Pretendard;font-weight:100 900;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/variable/PretendardVariable.woff2) format("woff2-variations")}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sys-bg-canvas);color:var(--sys-text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden}.phone-shell{width:100%;max-width:420px;min-height:100dvh;margin:0 auto;background:var(--sys-bg-canvas);display:flex;flex-direction:column}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3-5) var(--space-5) var(--space-3);background:color-mix(in srgb,var(--sys-bg-canvas) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sys-border-default)}.app-brand{font-size:24px;font-weight:900;letter-spacing:0;line-height:1;color:var(--sys-text-brand)}.app-topbar-label{flex:1 1;text-align:center;font-size:16px;font-weight:700;color:var(--sys-text-secondary)}.app-topbar-action,.app-topbar-spacer{min-width:64px}.app-topbar-action{font-size:16px;font-weight:700;color:var(--sys-text-secondary)}.app-topbar-menu-wrap{position:relative;min-width:64px;display:flex;justify-content:flex-end}.app-topbar-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-1-5);background:transparent;border:none;padding:var(--space-1-5) var(--space-2);cursor:pointer;border-radius:var(--radius-xs)}.app-topbar-menu-trigger:hover,.app-topbar-menu-trigger[aria-expanded=true]{background:var(--sys-bg-surface-sunken)}.app-topbar-menu-trigger-label{font-size:16px;font-weight:700;color:var(--sys-text-secondary)}.app-topbar-menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:160px;background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-control);box-shadow:0 8px 24px color-mix(in srgb,var(--sys-text-primary) 12%,transparent);padding:var(--space-1-5);display:flex;flex-direction:column;gap:var(--space-0-5);z-index:20}.app-topbar-menu-item{display:flex;align-items:center;width:100%;padding:var(--space-2-5) var(--space-3);background:transparent;border:none;border-radius:var(--radius-xs);font-size:16px;font-weight:700;color:var(--sys-text-primary);text-align:left;text-decoration:none;cursor:pointer}.app-topbar-menu-item:focus-visible,.app-topbar-menu-item:hover:not(:disabled){background:var(--sys-bg-surface-sunken)}.app-topbar-menu-item.is-active{background:var(--sys-bg-brand-tint);color:var(--sys-text-brand)}.app-topbar-menu-item:disabled{color:var(--sys-text-tertiary);cursor:not-allowed}.app-bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2-5) var(--space-4) calc(var(--space-2-5) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sys-bg-canvas) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--sys-border-default)}.app-bottom-nav--2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-bottom-nav--3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-bottom-nav--4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-bottom-link{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-card-sm);color:var(--sys-text-tertiary);background:transparent}.app-bottom-link.is-active{background:var(--sys-bg-surface);color:var(--sys-text-brand);box-shadow:inset 0 0 0 1px var(--sys-border-default)}.app-bottom-label{font-size:16px;font-weight:800}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:calc(-1 * var(--space-hairline));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-mobile{display:contents}.responsive-desktop{display:none}@media (min-width:1024px){.responsive-mobile{display:none}.responsive-desktop{display:contents}}.web-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;background:var(--sys-bg-canvas)}.web-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100dvh;border-right:1px solid var(--sys-border-default);background:var(--sys-bg-surface);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);gap:var(--space-4)}.web-sidebar-brand{padding:0 var(--space-3);font-size:24px;font-weight:900;letter-spacing:0;color:var(--sys-text-brand);display:flex;align-items:center;gap:var(--space-2)}.web-sidebar-section{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.web-sidebar-section-label{padding:0 var(--space-3-5);font-size:16px;font-weight:800;letter-spacing:0;color:var(--sys-text-tertiary);text-transform:uppercase}.web-sidebar-link{min-height:40px;display:flex;align-items:center;gap:var(--space-2-5);padding:0 var(--space-3-5);border-radius:var(--radius-sm);font-size:16px;font-weight:600;color:var(--sys-text-secondary);position:relative}.web-sidebar-link:hover{background:var(--sys-bg-surface-sunken);color:var(--sys-text-primary)}.web-sidebar-link.is-active{background:var(--sys-bg-brand-tint);color:var(--sys-text-brand);font-weight:800}.web-sidebar-link.is-active:before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:3px;border-radius:var(--radius-micro);background:var(--sys-bg-brand)}.web-sidebar-sublink{min-height:32px;padding:0 var(--space-3-5) 0 var(--space-8);font-size:16px;font-weight:500;display:flex;align-items:center;gap:var(--space-2);color:var(--sys-text-tertiary);border-radius:var(--radius-xs)}.web-sidebar-sublink.is-active,.web-sidebar-sublink:hover{background:var(--sys-bg-surface-sunken);color:var(--sys-text-primary)}.web-sidebar-sublink.is-active{font-weight:700}.web-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--sys-border-default);padding-top:var(--space-4)}.web-sidebar-user{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-sm);font-size:16px}.web-sidebar-user-name{font-weight:700;color:var(--sys-text-primary)}.web-sidebar-user-meta{font-size:16px;color:var(--sys-text-tertiary)}.web-sidebar-logout{font-size:16px;font-weight:700;color:var(--sys-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--sys-border-default);background:transparent;text-align:center}.web-sidebar-logout:hover{background:var(--sys-bg-surface-sunken)}.web-main{display:flex;flex-direction:column;min-width:0}.web-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:64px;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-8);background:color-mix(in srgb,var(--sys-bg-canvas) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sys-border-default)}.web-breadcrumb,.web-topbar{display:flex;align-items:center}.web-breadcrumb{gap:var(--space-2);font-size:16px;font-weight:600;color:var(--sys-text-secondary);min-width:0}.web-breadcrumb-crumb{color:var(--sys-text-tertiary)}.web-breadcrumb-crumb.is-current{color:var(--sys-text-primary);font-weight:800}.web-breadcrumb-sep{color:var(--sys-text-disabled)}.web-topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.web-page{max-width:1280px;width:100%;margin:0 auto;padding:var(--space-7) var(--space-8) var(--space-12);display:flex;flex-direction:column;gap:var(--space-6)}.web-button{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-control);font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;border:1px solid transparent;cursor:pointer}.web-button--primary{background:var(--sys-bg-brand);color:var(--sys-text-inverse)}.web-button--secondary{background:var(--sys-bg-surface);color:var(--sys-text-primary);border-color:var(--sys-border-default)}.web-button--secondary:hover{background:var(--sys-bg-surface-sunken)}.web-button--ghost{background:transparent;color:var(--sys-text-secondary)}.web-button--ghost:hover{background:var(--sys-bg-surface-sunken);color:var(--sys-text-primary)}.web-button--danger{background:var(--sys-text-danger);color:var(--sys-text-inverse)}.web-button:disabled{opacity:.55;cursor:not-allowed}.web-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.web-kpi{background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2-5);min-width:0}.web-kpi-label{font-size:16px;font-weight:700;color:var(--sys-text-tertiary);letter-spacing:0}.web-kpi-value{font-size:40px;font-weight:900;letter-spacing:0;line-height:1;color:var(--sys-text-primary)}.web-kpi-value--brand{color:var(--sys-text-brand)}.web-kpi-value--warning{color:var(--sys-text-warning)}.web-kpi-meta{font-size:16px;font-weight:500;color:var(--sys-text-tertiary)}.web-card{background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.web-card--dark{background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse);border:none}.web-card-title{font-size:20px;font-weight:800;letter-spacing:0;color:var(--sys-text-primary)}.web-card--dark .web-card-title{color:var(--sys-text-inverse)}.web-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.web-table-wrap{background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-width:0}.web-table-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--sys-border-default)}.web-table-title{font-size:16px;font-weight:800;color:var(--sys-text-primary)}.web-table-meta{font-size:16px;font-weight:600;color:var(--sys-text-tertiary)}.web-table{width:100%;border-collapse:collapse;font-size:16px}.web-table thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--sys-bg-surface-sunken);padding:var(--space-3) var(--space-4);text-align:left;font-size:16px;font-weight:700;color:var(--sys-text-secondary);text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--sys-border-default)}.web-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sys-border-subtle);color:var(--sys-text-primary);font-weight:500;vertical-align:middle;line-height:1.5}.web-table tbody tr:last-child td{border-bottom:none}.web-table tbody tr:hover{background:color-mix(in srgb,var(--sys-bg-brand-tint) 50%,transparent)}.web-table-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--sys-text-tertiary);font-size:16px}.web-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font-size:16px;font-weight:800;letter-spacing:0}.web-pill--success{background:var(--sys-bg-success-tint);color:var(--sys-text-success)}.web-pill--warning{background:var(--sys-bg-warning-tint);color:var(--sys-text-warning)}.web-pill--danger{background:var(--sys-bg-danger-tint);color:var(--sys-text-danger)}.web-pill--tier4{background:var(--sys-bg-tier4-tint);color:var(--sys-text-tier4)}.web-pill--muted{background:var(--sys-bg-surface-sunken);color:var(--sys-text-secondary)}.web-pill--brand{background:var(--sys-bg-brand-tint);color:var(--sys-text-brand)}.web-filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-sm);padding:var(--space-3-5) var(--space-4-5)}.web-filter-field{display:flex;flex-direction:column;gap:var(--space-1)}.web-filter-label{font-size:16px;font-weight:700;color:var(--sys-text-tertiary);letter-spacing:0;text-transform:uppercase}.web-filter-input{height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--sys-border-default);background:var(--sys-bg-surface);font-size:16px;color:var(--sys-text-primary);min-width:160px}.web-filter-summary{margin-left:auto;font-size:16px;font-weight:700;color:var(--sys-text-secondary)}.web-dialog-backdrop{position:fixed;inset:0;background:var(--sys-overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-8);z-index:100}.web-dialog{width:100%;max-width:480px;background:var(--sys-bg-surface);border-radius:var(--radius-dialog);padding:var(--space-7) var(--space-7) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-lg)}.web-dialog-title{font-size:22px;font-weight:800;color:var(--sys-text-primary);letter-spacing:0}.web-dialog-desc{font-size:16px;color:var(--sys-text-secondary);line-height:1.5}.web-dialog-actions{display:flex;gap:var(--space-2-5);justify-content:flex-end}.web-summary-bar{position:-webkit-sticky;position:sticky;top:var(--space-16);z-index:5;background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse);border-radius:var(--radius-card);padding:var(--space-4-5) var(--space-5-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.web-summary-item{display:flex;flex-direction:column;gap:var(--space-0-5)}.web-summary-item-label{font-size:16px;font-weight:600;color:var(--ref-neutral-400);text-transform:uppercase;letter-spacing:0}.web-summary-item-value{font-size:22px;font-weight:800;letter-spacing:0}.web-page-title{font-size:28px;font-weight:800;letter-spacing:0;color:var(--sys-text-primary)}.web-page-subtitle{font-size:16px;font-weight:500;color:var(--sys-text-tertiary)}.web-topbar--compact{height:48px;padding:0 var(--space-5)}.web-page-title--compact{font-size:18px;font-weight:800;letter-spacing:0}.web-page-subtitle--compact{font-size:16px}.web-card--compact{padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-control)}.web-card-title--compact{font-size:16px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--sys-text-secondary)}.web-card--accent{border-color:var(--sys-border-strong)}.web-kpi--compact{padding:var(--space-2-5) var(--space-3);gap:var(--space-0-5)}.web-kpi--compact .web-kpi-label{font-size:16px;letter-spacing:0}.web-kpi--compact .web-kpi-value{font-size:18px;letter-spacing:0}.web-kpi--compact .web-kpi-meta{font-size:16px}.web-kpi--ok{background:var(--sys-bg-success-tint);border-color:color-mix(in srgb,var(--sys-text-success) 25%,transparent)}.web-kpi--ok .web-kpi-label{color:var(--sys-text-success)}.web-kpi--warn{background:var(--sys-bg-warning-tint);border-color:color-mix(in srgb,var(--sys-text-warning) 35%,transparent)}.web-kpi--warn .web-kpi-label{color:var(--sys-text-warning)}.web-kpi--muted{opacity:.75}.web-subtabs{display:flex;gap:var(--space-0-5);padding:var(--space-1);background:var(--sys-bg-surface-sunken);border:1px solid var(--sys-border-default);border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content}.web-subtab{min-width:72px;height:30px;padding:0 var(--space-3-5);border-radius:var(--radius-tight);background:transparent;border:none;color:var(--sys-text-secondary);font-size:16px;font-weight:700;cursor:pointer}.web-subtab.is-active,.web-subtab:hover{color:var(--sys-text-primary)}.web-subtab.is-active{background:var(--sys-bg-surface);box-shadow:var(--shadow-xs)}.web-directory{list-style:none;margin:0;padding:0}.web-directory,.web-directory-row{display:flex;flex-direction:column}.web-directory-row{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--sys-border-subtle);padding:var(--space-2-5) var(--space-4) var(--space-2-75);gap:var(--space-0-75);cursor:pointer;line-height:1.3}.web-directory-row:hover{background:var(--sys-bg-surface-sunken)}.web-directory-row.is-selected{background:var(--sys-bg-brand-tint);box-shadow:inset 3px 0 0 var(--sys-bg-brand)}.web-directory-line1{display:flex;align-items:baseline;gap:var(--space-1-5)}.web-directory-line1>.web-directory-name{flex:1 1;font-size:16px;font-weight:800;color:var(--sys-text-primary);letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-directory-latest{font-size:16px;font-weight:600;color:var(--sys-text-tertiary);white-space:nowrap}.web-directory-line2,.web-directory-line3{display:flex;gap:var(--space-1);align-items:baseline;font-size:16px;color:var(--sys-text-secondary);overflow:hidden}.web-directory-line3{color:var(--sys-text-tertiary)}.web-directory-sep{color:var(--sys-text-disabled)}.web-directory-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.web-directory-matches{color:var(--sys-text-brand);font-weight:700}.web-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);vertical-align:1px;margin-right:var(--space-1)}.web-dot--ok{background:var(--sys-text-success)}.web-dot--warn{background:var(--sys-text-warning)}.web-dot--muted{background:var(--sys-text-disabled)}.web-dot--danger{background:var(--sys-text-danger)}.web-pill--compact{font-size:16px;font-weight:800;letter-spacing:0;padding:var(--space-hairline) var(--space-1-5);border-radius:var(--radius-tiny)}.web-pill--role-owner{background:var(--sys-bg-brand-tint);color:var(--sys-text-brand)}.web-pill--role-manager{background:var(--sys-bg-warning-tint);color:var(--sys-text-warning)}.web-pill--role-worker{background:var(--sys-bg-surface-sunken);color:var(--sys-text-secondary)}.web-pill--role-invited{background:var(--sys-bg-danger-tint);color:var(--sys-text-danger)}.web-admin-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--sys-bg-canvas)}.web-admin-toolbar{padding:var(--space-3-5) var(--space-6) 0;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.web-admin-main{flex:1 1;display:grid;grid-template-columns:minmax(340px,400px) minmax(0,1fr);min-height:0}@media (max-width:1180px){.web-admin-main{grid-template-columns:minmax(0,1fr)}.web-admin-list-pane{border-right:none;border-bottom:1px solid var(--sys-border-default)}}.web-admin-list-pane{border-right:1px solid var(--sys-border-default);background:var(--sys-bg-surface);display:flex;flex-direction:column;min-width:0}.web-admin-list-head{padding:var(--space-3-5) var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1-5);border-bottom:1px solid var(--sys-border-subtle)}.web-admin-list-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.web-admin-list-help{margin:0;font-size:16px;font-weight:500;color:var(--sys-text-tertiary);line-height:1.4}.web-admin-search{padding:var(--space-2-5) var(--space-4) 0}.web-admin-search-input{width:100%;height:34px;padding:0 var(--space-3);border-radius:var(--radius-xs);border:1px solid var(--sys-border-default);background:var(--sys-bg-canvas);color:var(--sys-text-primary);font-size:16px;font-weight:500}.web-admin-search-input:focus{outline:none;border-color:var(--sys-border-strong);background:var(--sys-bg-surface)}.web-admin-filters{padding:var(--space-2) var(--space-4) var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.web-admin-filter{height:26px;padding:0 var(--space-2-5);border-radius:var(--radius-compact);border:1px solid var(--sys-border-default);background:var(--sys-bg-surface);color:var(--sys-text-secondary);font-size:16px;font-weight:700;cursor:pointer}.web-admin-filter:hover{color:var(--sys-text-primary);border-color:var(--sys-border-strong)}.web-admin-filter.is-active{background:var(--sys-text-primary);color:var(--sys-text-inverse);border-color:var(--sys-text-primary)}.web-admin-detail-pane{min-width:0;padding:var(--space-4-5) var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-3-5);overflow:auto}.web-admin-detail-header{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-2-5);border-bottom:1px solid var(--sys-border-default)}.web-admin-detail-title-row{display:flex;align-items:baseline;gap:var(--space-2-5);flex-wrap:wrap}.web-admin-detail-title{margin:0;font-size:22px;font-weight:900;letter-spacing:0;color:var(--sys-text-primary)}.web-admin-detail-sub{margin:0;font-size:16px;font-weight:500;color:var(--sys-text-tertiary)}@media (max-width:720px){.web-topbar--compact{height:auto;min-height:48px;padding:var(--space-3) var(--space-4);align-items:flex-start;flex-wrap:wrap}.web-admin-toolbar{padding:var(--space-3) var(--space-4) 0;align-items:flex-start}.web-admin-detail-pane{padding:var(--space-4)}.web-admin-detail-title{font-size:18px}}.web-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-2) var(--space-4-5);gap:var(--space-2) var(--space-4-5);margin:0}.web-kv>div{display:grid;grid-template-columns:100px minmax(0,1fr);grid-gap:var(--space-2);gap:var(--space-2);align-items:baseline;font-size:16px;line-height:1.4}.web-kv dt{color:var(--sys-text-tertiary);white-space:nowrap}.web-kv dd,.web-kv dt{font-weight:700;margin:0}.web-kv dd{color:var(--sys-text-primary);min-width:0;word-break:break-word}.web-table--compact tbody td,.web-table--compact thead th{padding:var(--space-2-25) var(--space-3);font-size:16px}.web-table--compact thead th{font-size:16px;letter-spacing:0;text-transform:uppercase}.web-accent--pending{background:var(--sys-bg-brand-tint);border-color:var(--sys-bg-brand)}.web-accent--used{background:var(--sys-bg-success-tint);border-color:var(--sys-text-success)}.web-accent--expired{background:var(--sys-bg-warning-tint);border-color:var(--sys-text-warning)}.web-accent--muted{border-style:dashed}.web-demo-badge{display:inline-flex;align-items:center;font-size:16px;font-weight:700;letter-spacing:0;color:var(--sys-text-tertiary);background:var(--sys-bg-surface-sunken);border:1px dashed var(--sys-border-default);border-radius:var(--radius-tiny);padding:var(--space-hairline) var(--space-1-25);line-height:1.1;vertical-align:1px}@keyframes app-auth-handoff-spin{to{transform:rotate(1turn)}}.landing-page{min-height:100dvh;background:var(--sys-bg-canvas);color:var(--sys-text-primary);font-feature-settings:"tnum"}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid var(--sys-border-focus);outline-offset:2px}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding-inline:var(--landing-page-gutter);background:color-mix(in srgb,var(--sys-bg-canvas) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sys-border-subtle)}.landing-header-inner{max-width:var(--landing-layout-width);width:100%;margin:0 auto;padding:var(--space-3) 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-6);gap:var(--space-6)}.landing-brand{min-height:44px;color:var(--sys-text-primary);font-size:22px;font-weight:800;letter-spacing:0;line-height:1;text-decoration:none}.landing-brand,.landing-nav{display:inline-flex;align-items:center}.landing-nav{justify-content:center;gap:var(--space-1)}.landing-nav-link{min-height:40px;padding:0 var(--space-3);display:inline-flex;align-items:center;border-radius:var(--radius-control);color:var(--sys-text-secondary);font-size:16px;font-weight:700;letter-spacing:0;text-decoration:none}.landing-nav-link:hover{background:var(--sys-bg-surface-sunken);color:var(--sys-text-primary)}.landing-header-cta{min-height:40px;padding:0 var(--space-4);display:inline-flex;align-items:center;justify-content:center;background:var(--sys-bg-surface);color:var(--sys-text-primary);border:1px solid var(--sys-border-default);border-radius:var(--radius-control);font-size:16px;font-weight:700;letter-spacing:0;text-decoration:none}.landing-header-cta:hover{background:var(--sys-bg-surface-sunken)}.landing-hero{position:relative;padding:var(--space-24) var(--landing-page-gutter) var(--space-32);background:var(--sys-bg-canvas);overflow:hidden}.landing-hero:before{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;background:radial-gradient(circle at 100% 0,var(--sys-bg-brand-tint) 0,transparent 45%),radial-gradient(circle at 0 100%,var(--sys-bg-surface-sunken) 0,transparent 50%);opacity:.6}.landing-hero-inner{position:relative;z-index:1;max-width:var(--landing-layout-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;grid-gap:var(--space-12);gap:var(--space-12)}.landing-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.landing-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);background:var(--sys-bg-brand-tint);color:var(--sys-text-brand);border-radius:var(--radius-pill);font-size:16px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-headline{margin:0;max-width:640px;color:var(--sys-text-primary);font-size:72px;font-weight:800;letter-spacing:0;line-height:1.05}.landing-headline-accent{color:var(--sys-text-brand)}.landing-lede{margin:0;max-width:540px;color:var(--sys-text-secondary);font-size:22px;font-weight:500;letter-spacing:0;line-height:1.5}.landing-lede strong{color:var(--sys-text-primary);font-weight:800}.landing-actions{margin-top:var(--space-2);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.landing-cta-primary{min-height:56px;padding:0 var(--space-7);font-size:18px;font-weight:800;letter-spacing:0;border-radius:var(--radius-control)}.landing-cta-secondary{min-height:56px;padding:0 var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--sys-text-primary);font-size:17px;font-weight:700;letter-spacing:0;text-decoration:none}.landing-cta-secondary:hover{color:var(--sys-text-brand)}.landing-cta-secondary span{transition:transform .15s cubic-bezier(.2,0,0,1)}.landing-cta-secondary:hover span{transform:translateX(4px)}.landing-proof{margin:var(--space-4) 0 0;padding:var(--space-5) 0 0;width:100%;max-width:540px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);border-top:1px solid var(--sys-border-default)}.landing-proof div{display:flex;flex-direction:column;gap:var(--space-1)}.landing-proof dt{margin:0;color:var(--sys-text-tertiary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4}.landing-proof dd{margin:0;color:var(--sys-text-primary);font-size:20px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-hero-stage{position:relative;display:block;min-height:520px;pointer-events:none}.landing-board{position:relative;z-index:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);background:var(--sys-bg-surface);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-lg)}.landing-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.landing-board-head>div{display:flex;flex-direction:column;gap:var(--space-1)}.landing-board-tag{display:inline-flex;align-self:flex-start;padding:var(--space-0-5) var(--space-2);background:var(--sys-bg-surface-sunken);color:var(--sys-text-tertiary);border-radius:var(--radius-xs);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-board-head strong{color:var(--sys-text-primary);font-size:20px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-board-time{color:var(--sys-text-tertiary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-board-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.landing-board-kpi{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--sys-bg-canvas);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-card-sm)}.landing-board-kpi span{color:var(--sys-text-tertiary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-board-kpi strong{display:inline-flex;align-items:baseline;gap:var(--space-1);color:var(--sys-text-primary);font-size:36px;font-weight:800;letter-spacing:0;line-height:1}.landing-board-kpi strong i{font-style:normal;font-size:16px;font-weight:700;color:var(--sys-text-tertiary);letter-spacing:0;line-height:1.3}.landing-board-kpi--alert{background:var(--sys-bg-warning-tint);border-color:var(--ref-amber-100)}.landing-board-kpi--alert strong,.landing-board-kpi--alert strong i{color:var(--sys-text-warning)}.landing-board-sites{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.landing-board-sites li{padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:var(--space-3) minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);background:var(--sys-bg-canvas);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-card-sm)}.landing-board-sites li>div{min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.landing-board-sites strong{color:var(--sys-text-primary);font-size:17px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-board-sites span:not(.landing-dot){font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-board-sites b,.landing-board-sites span:not(.landing-dot){color:var(--sys-text-tertiary);font-size:16px;letter-spacing:0;line-height:1.3}.landing-board-sites b{font-weight:700}.landing-board-sites li:has(.landing-dot--alert) b{color:var(--sys-text-warning)}.landing-dot{width:var(--space-2-5);height:var(--space-2-5);border-radius:var(--radius-pill)}.landing-dot--ok{background:var(--sys-text-success)}.landing-dot--alert{background:var(--sys-text-warning)}.landing-phone{position:absolute;z-index:2;right:calc(0px - var(--space-8));bottom:calc(0px - var(--space-10));width:240px;padding:var(--space-2);border:1px solid var(--sys-border-strong);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-dialog)}.landing-phone,.landing-phone-screen{background:var(--sys-bg-surface-inverse)}.landing-phone-screen{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-md)}.landing-phone-eyebrow{color:var(--ref-neutral-400);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-phone-time{font-size:56px;line-height:1}.landing-phone-status,.landing-phone-time{color:var(--sys-text-inverse);font-weight:800;letter-spacing:0}.landing-phone-status{margin-top:var(--space-1);padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;background:var(--ref-green-700);border-radius:var(--radius-control);font-size:18px;line-height:1.2}.landing-phone-foot{color:var(--ref-neutral-500);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-section{padding:var(--space-32) var(--landing-page-gutter);background:var(--sys-bg-canvas)}.landing-section--compare{background:var(--sys-bg-canvas);border-top:1px solid var(--sys-border-subtle)}.landing-section--features{background:var(--sys-bg-surface-sunken)}.landing-section--flow{background:var(--sys-bg-canvas)}.landing-section--payslip{background:var(--sys-bg-surface-sunken)}.landing-section--faq,.landing-section--plans{background:var(--sys-bg-canvas)}.landing-section--faq{border-top:1px solid var(--sys-border-subtle)}.landing-section-inner{max-width:var(--landing-layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-14)}.landing-section-header{max-width:720px;display:flex;flex-direction:column;gap:var(--space-3)}.landing-kicker{margin:0;display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);color:var(--sys-text-brand);font-size:16px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-kicker:before{content:"";display:inline-block;width:var(--space-5);height:2px;background:var(--sys-bg-brand);border-radius:var(--radius-pill)}.landing-kicker--inverse{color:var(--ref-blue-300)}.landing-kicker--inverse:before{background:var(--ref-blue-300)}.landing-section-title{margin:0;color:var(--sys-text-primary);font-size:44px;font-weight:800;letter-spacing:0;line-height:1.15}.landing-section-lede{margin:0;max-width:600px;color:var(--sys-text-secondary);font-size:18px;font-weight:500;letter-spacing:0;line-height:1.55}.landing-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.landing-compare{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-lg)}.landing-compare--before{background:var(--sys-bg-surface-sunken);border-color:var(--sys-border-subtle)}.landing-compare--after{background:var(--sys-bg-surface);border-color:var(--sys-border-strong)}.landing-compare-label{margin:0;display:inline-flex;align-self:flex-start;padding:var(--space-1-5) var(--space-3);background:var(--sys-bg-canvas);color:var(--sys-text-tertiary);border-radius:var(--radius-pill);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-compare--after .landing-compare-label{background:var(--sys-bg-brand-tint);color:var(--sys-text-brand)}.landing-compare h3{margin:0;color:var(--sys-text-primary);font-size:24px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-compare--before h3{color:var(--sys-text-secondary)}.landing-compare ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.landing-compare li{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.55}.landing-compare li:before{content:"";flex:0 0 auto;margin-top:var(--space-1-5);width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill)}.landing-compare--before li:before{background:var(--sys-bg-canvas);border:1px solid var(--sys-border-default)}.landing-compare--after li:before{background:var(--sys-bg-brand)}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.landing-feature{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-lg)}.landing-feature-metric{padding-bottom:var(--space-4);border-bottom:1px solid var(--sys-border-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.landing-feature-metric strong{color:var(--sys-text-primary);font-size:36px;font-weight:800;letter-spacing:0;line-height:1.05}.landing-feature-metric span{color:var(--sys-text-tertiary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-feature h3{margin:0;color:var(--sys-text-primary);font-size:22px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-feature p{margin:0;color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.6}.landing-flow{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.landing-flow-step{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-lg)}.landing-flow-number{display:inline-block;color:var(--sys-text-brand);font-size:32px;font-weight:800;letter-spacing:0;line-height:1}.landing-flow-step h3{margin:0;color:var(--sys-text-primary);font-size:22px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-flow-step p{margin:0;color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.6}.landing-payslip-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-gap:var(--space-12);gap:var(--space-12)}.landing-payslip-copy{display:flex;flex-direction:column;gap:var(--space-5)}.landing-payslip-points{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.landing-payslip-points li{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--sys-text-primary);font-size:17px;font-weight:600;letter-spacing:0;line-height:1.55}.landing-payslip-points li:before{content:"";flex:0 0 auto;margin-top:var(--space-2);width:var(--space-2);height:var(--space-2);background:var(--sys-text-brand);border-radius:var(--radius-pill)}.landing-payslip-visual{display:flex;align-items:center;justify-content:center}.landing-payslip-doc{width:100%;max-width:460px;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);background:var(--sys-bg-surface);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-lg)}.landing-payslip-doc-head{padding-bottom:var(--space-4);border-bottom:1px solid var(--sys-border-subtle);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.landing-payslip-doc-head span{color:var(--sys-text-tertiary);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-payslip-doc-head strong{color:var(--sys-text-primary);font-size:24px;font-weight:800;letter-spacing:0;line-height:1.2}.landing-payslip-doc-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.landing-payslip-doc-meta div{display:flex;flex-direction:column;gap:var(--space-0-5)}.landing-payslip-doc-meta dt{margin:0;color:var(--sys-text-tertiary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-payslip-doc-meta dd{margin:0;color:var(--sys-text-primary);font-size:18px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-payslip-doc-fields{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.landing-payslip-doc-fields li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2-5);border-bottom:1px dashed var(--sys-border-subtle)}.landing-payslip-doc-fields li:last-child{border-bottom:none}.landing-payslip-doc-fields span{color:var(--sys-text-secondary);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3}.landing-payslip-doc-fields em{font-style:normal;color:var(--sys-text-disabled);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-payslip-doc-foot{margin-top:var(--space-2);padding:var(--space-4) var(--space-5);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);background:var(--sys-bg-surface-inverse);border-radius:var(--radius-md)}.landing-payslip-doc-foot span{color:var(--ref-neutral-400);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-payslip-doc-foot strong{color:var(--sys-text-inverse);font-size:22px;font-weight:800;letter-spacing:0;line-height:1.2}.landing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.landing-plan{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-lg)}.landing-plan--featured{background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse);border-color:var(--sys-border-strong)}.landing-plan-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.landing-plan-label{margin:0;color:var(--sys-text-primary);font-size:18px;font-weight:800;letter-spacing:0;line-height:1.3}.landing-plan--featured .landing-plan-label{color:var(--sys-text-inverse)}.landing-plan-tag{margin:0;padding:var(--space-1) var(--space-3);display:inline-flex;align-items:center;background:var(--sys-bg-surface-sunken);color:var(--sys-text-secondary);border-radius:var(--radius-pill);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-plan--featured .landing-plan-tag{background:var(--ref-blue-500);color:var(--sys-text-inverse)}.landing-plan-price{margin:0;display:inline-flex;align-items:baseline;gap:var(--space-2)}.landing-plan-price strong{color:var(--sys-text-primary);font-size:56px;font-weight:800;letter-spacing:0;line-height:1}.landing-plan--featured .landing-plan-price strong{color:var(--sys-text-inverse)}.landing-plan-price span{color:var(--sys-text-tertiary);font-size:18px;font-weight:700;letter-spacing:0;line-height:1.3}.landing-plan--featured .landing-plan-price span{color:var(--ref-neutral-400)}.landing-plan-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.landing-plan-list li{display:flex;align-items:flex-start;gap:var(--space-2-5);color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.55}.landing-plan-list li:before{content:"";flex:0 0 auto;margin-top:var(--space-2);width:var(--space-2);height:var(--space-2);background:var(--sys-text-success);border-radius:var(--radius-pill)}.landing-plan--featured .landing-plan-list li{color:var(--ref-neutral-300)}.landing-plan--featured .landing-plan-list li:before{background:var(--ref-blue-300)}.landing-plan-cta{margin-top:auto;min-height:52px;font-size:17px;font-weight:800;letter-spacing:0}.landing-faq-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;grid-gap:var(--space-12);gap:var(--space-12)}.landing-faq-list{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.landing-faq-item{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card)}.landing-faq-item dt{margin:0;color:var(--sys-text-primary);font-size:18px;font-weight:800;letter-spacing:0;line-height:1.4}.landing-faq-item dd{margin:0;color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.65}.landing-final{padding:var(--space-32) var(--landing-page-gutter);background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse)}.landing-final-inner{max-width:var(--landing-layout-width);margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.landing-final-title{margin:0;max-width:720px;color:var(--sys-text-inverse);font-size:48px;font-weight:800;letter-spacing:0;line-height:1.15}.landing-final-lede{margin:0;max-width:540px;color:var(--ref-neutral-300);font-size:18px;font-weight:500;letter-spacing:0;line-height:1.55}.landing-final-cta{margin-top:var(--space-3)}.landing-footer{padding:var(--space-12) var(--landing-page-gutter) var(--space-8);background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse);border-top:1px solid var(--sys-border-strong)}.landing-footer-inner{max-width:var(--landing-layout-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5)}.landing-footer-brand{color:var(--sys-text-inverse);font-size:22px;font-weight:800;letter-spacing:0;line-height:1;text-decoration:none}.landing-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.landing-footer-nav a{color:var(--ref-neutral-300);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3;text-decoration:none}.landing-footer-nav a:hover{color:var(--sys-text-inverse)}.landing-footer-bottom{max-width:var(--landing-layout-width);margin:var(--space-8) auto 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.landing-footer-bottom,.landing-footer-credit{color:var(--ref-neutral-400);font-size:16px;font-weight:500;letter-spacing:0;line-height:1.5}.landing-footer-credit{text-decoration:none}.landing-footer-credit:hover{color:var(--sys-text-inverse)}.legal-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--sys-bg-canvas);color:var(--sys-text-primary);font-feature-settings:"tnum"}.legal-page a:focus-visible{outline:2px solid var(--sys-border-focus);outline-offset:2px}.legal-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding-inline:var(--landing-page-gutter);background:color-mix(in srgb,var(--sys-bg-canvas) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sys-border-subtle)}.legal-header-inner{width:100%;max-width:var(--landing-layout-width);margin:0 auto;padding:var(--space-3) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.legal-brand{min-height:44px;font-size:22px;font-weight:800;line-height:1}.legal-brand,.legal-header-cta{display:inline-flex;align-items:center;color:var(--sys-text-primary);letter-spacing:0;text-decoration:none}.legal-header-cta{min-height:40px;padding:0 var(--space-4);justify-content:center;background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-control);font-size:16px;font-weight:700}.legal-header-cta:hover{background:var(--sys-bg-surface-sunken)}.legal-article{flex:1 1;width:100%;max-width:var(--landing-layout-width);margin:0 auto;padding:var(--space-20) var(--landing-page-gutter) var(--space-24);display:flex;flex-direction:column;gap:var(--space-10)}.legal-article-head{display:flex;flex-direction:column;gap:var(--space-3)}.legal-article-eyebrow{margin:0;display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);color:var(--sys-text-brand);font-size:16px;font-weight:800;letter-spacing:0;line-height:1.3}.legal-article-eyebrow:before{content:"";display:inline-block;width:var(--space-5);height:2px;background:var(--sys-bg-brand);border-radius:var(--radius-pill)}.legal-article-title{margin:0;color:var(--sys-text-primary);font-size:48px;font-weight:800;letter-spacing:0;line-height:1.15}.legal-article-lede{margin:0;max-width:600px;color:var(--sys-text-secondary);font-size:18px;font-weight:500;letter-spacing:0;line-height:1.6}.legal-article-section,.legal-article-sections{display:flex;flex-direction:column;gap:var(--space-3)}.legal-article-section{padding:var(--space-7);background:var(--sys-bg-surface);border:1px solid var(--sys-border-default);border-radius:var(--radius-card-lg)}.legal-article-section h2{margin:0;color:var(--sys-text-primary);font-size:20px;font-weight:800;letter-spacing:0;line-height:1.4}.legal-article-section p{margin:0;color:var(--sys-text-secondary);font-size:17px;font-weight:500;letter-spacing:0;line-height:1.7}.legal-article-foot{display:flex;justify-content:flex-start}.legal-article-back{min-height:52px;padding:0 var(--space-6);display:inline-flex;align-items:center;justify-content:center;background:var(--sys-bg-brand);color:var(--sys-text-inverse);border-radius:var(--radius-control);font-size:17px;font-weight:800;letter-spacing:0;text-decoration:none}.legal-footer{padding:var(--space-12) var(--landing-page-gutter) var(--space-8);background:var(--sys-bg-surface-inverse);color:var(--sys-text-inverse)}.legal-footer-inner{max-width:var(--landing-layout-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5)}.legal-footer-brand{color:var(--sys-text-inverse);font-size:22px;font-weight:800;letter-spacing:0;line-height:1;text-decoration:none}.legal-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.legal-footer-nav a{color:var(--ref-neutral-300);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.3;text-decoration:none}.legal-footer-nav a:hover{color:var(--sys-text-inverse)}.legal-footer-bottom{max-width:var(--landing-layout-width);margin:var(--space-8) auto 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.legal-footer-bottom,.legal-footer-credit{color:var(--ref-neutral-400);font-size:16px;font-weight:500;letter-spacing:0;line-height:1.5}.legal-footer-credit{text-decoration:none}.legal-footer-credit:hover{color:var(--sys-text-inverse)}@media (max-width:720px){.legal-header{padding-inline:var(--space-4)}.legal-header-inner{padding-inline:0}.legal-article{padding-inline:var(--space-4);padding-block:var(--space-12) var(--space-16);gap:var(--space-8)}.legal-article-title{font-size:32px}.legal-article-section{padding:var(--space-5);border-radius:var(--radius-card)}.legal-article-back{width:100%}.legal-footer{padding-block:var(--space-10) var(--space-7)}.legal-footer-inner{gap:var(--space-4)}.legal-footer-bottom,.legal-footer-inner{flex-direction:column;align-items:flex-start}.legal-footer-bottom{gap:var(--space-2)}}@media (max-width:1024px){.landing-hero{padding-block:var(--space-16) var(--space-20)}.landing-hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-14)}.landing-headline{font-size:56px}.landing-final-title,.landing-section-title{font-size:36px}.landing-final,.landing-section{padding-block:var(--space-20)}.landing-compare-grid,.landing-faq-inner,.landing-feature-grid,.landing-flow,.landing-payslip-inner,.landing-plan-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.landing-payslip-inner{gap:var(--space-10)}.landing-faq-inner{gap:var(--space-8)}.landing-hero-stage{min-height:auto}.landing-phone{width:200px;right:var(--space-4);bottom:calc(0px - var(--space-8))}}@media (max-width:720px){.landing-header{padding-inline:var(--space-4)}.landing-header-inner{grid-template-columns:1fr auto;gap:var(--space-2)}.landing-nav{display:none}.landing-brand{font-size:20px}.landing-final,.landing-footer,.landing-hero,.landing-section{padding-inline:var(--space-4)}.landing-hero{padding-block:var(--space-12) var(--space-16)}.landing-headline{font-size:40px}.landing-lede{font-size:18px}.landing-actions{width:100%;flex-direction:column;align-items:stretch}.landing-cta-primary{width:100%}.landing-cta-secondary{justify-content:center}.landing-proof{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-4)}.landing-proof div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.landing-board{padding:var(--space-4);border-radius:var(--radius-card)}.landing-board-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.landing-board-kpi{padding:var(--space-3)}.landing-board-kpi strong{font-size:24px}.landing-phone{display:none}.landing-section{padding-block:var(--space-16)}.landing-section-title{font-size:28px}.landing-section-inner{gap:var(--space-10)}.landing-compare,.landing-faq-item,.landing-feature,.landing-flow-step,.landing-payslip-doc,.landing-plan{padding:var(--space-5);border-radius:var(--radius-card)}.landing-compare h3{font-size:20px}.landing-feature-metric strong{font-size:28px}.landing-plan-price strong{font-size:44px}.landing-final{padding-block:var(--space-16)}.landing-final-title{font-size:28px}.landing-final-cta{width:100%}.landing-footer{padding-block:var(--space-10) var(--space-7)}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.landing-footer-nav{gap:var(--space-4)}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}