@charset "UTF-8";:root{--color-primary: #684b71;--color-primary-strong: #523a5a;--color-primary-deep: #3b2a41;--color-primary-soft: #ede5f0;--color-primary-faint: #f6f2f8;--color-primary-contrast: #ffffff;--color-accent: #b8523c;--color-accent-strong: #8a4026;--color-accent-soft: #f7e4de;--color-accent-contrast: #ffffff;--color-accent-deep: #5c2a19;--color-bg: #f8f6f8;--color-surface: #ffffff;--color-surface-muted: #f1eef1;--color-surface-sunken: #e7e3e8;--color-border: #ddd8df;--color-border-strong: #c2bac4;--color-text: #261f28;--color-text-muted: #5e5161;--color-text-subtle: #6c6070;--color-text-inverse: #f8f6f8;--color-overlay: rgb(38 31 40 / 45%);--color-success: #15803d;--color-success-soft: #dcfce7;--color-success-text: #14532d;--color-warn: #b45309;--color-warn-soft: #fef3c7;--color-warn-text: #78350f;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-danger-text: #7f1d1d;--color-info: #1d4ed8;--color-info-soft: #dbeafe;--color-info-text: #1e3a8a;--font-sans: system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.2vw, 3.25rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-loose: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.015em;--tracking-wide: .04em;--tracking-wider: .12em;--space-0: 0;--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;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / 6%);--shadow-sm: 0 1px 3px rgb(15 23 42 / 8%), 0 1px 2px rgb(15 23 42 / 4%);--shadow-md: 0 4px 12px rgb(15 23 42 / 8%), 0 2px 4px rgb(15 23 42 / 4%);--shadow-lg: 0 12px 32px rgb(15 23 42 / 12%), 0 4px 8px rgb(15 23 42 / 6%);--shadow-focus: 0 0 0 3px rgb(15 118 110 / 35%);--container-width: 1200px;--container-narrow: 720px;--container-pad: var(--space-4);--header-height: 4rem;--transition-fast: .14s ease;--transition-base: .22s ease;--z-header: 100;--z-drawer: 200;--z-toast: 300}@media(width>=48rem){:root{--container-pad: var(--space-6)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}ul,ol{margin:0;padding:0;list-style:none}figure{margin:0}img,svg,picture,video{max-width:100%;display:block}a{color:var(--color-primary-strong);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-deep);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}table{border-collapse:collapse;width:100%}button,input,select,textarea{font:inherit;color:inherit}:target{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-pad)}.container--narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--container-pad)}.page{padding-block:var(--space-8) var(--space-16)}.page__header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page__lead{color:var(--color-text-muted);max-width:60ch;margin:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.grid-products{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--pcard-min, 14rem)),1fr))}.skip-link{position:absolute;left:var(--space-4);top:-3rem;z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-2);color:var(--color-primary-contrast);text-decoration:none}.btn{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-5);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn:hover:not(:disabled){text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{--btn-bg: var(--color-primary);--btn-fg: var(--color-primary-contrast);--btn-border: var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){--btn-bg: var(--color-primary-strong);--btn-border: var(--color-primary-strong)}.btn-accent{--btn-bg: var(--color-accent);--btn-fg: var(--color-accent-contrast);--btn-border: var(--color-accent);box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){--btn-bg: var(--color-accent-strong);--btn-border: var(--color-accent-strong);--btn-fg: var(--color-text-inverse)}.btn-outline{--btn-fg: var(--color-primary-strong);--btn-border: var(--color-border-strong);--btn-bg: var(--color-surface)}.btn-outline:hover:not(:disabled){--btn-border: var(--color-primary);--btn-bg: var(--color-primary-faint)}.btn-ghost{--btn-fg: var(--color-text-muted);padding-inline:var(--space-3)}.btn-ghost:hover:not(:disabled){--btn-bg: var(--color-surface-muted);--btn-fg: var(--color-text)}.btn-danger{--btn-bg: var(--color-danger);--btn-fg: #fff;--btn-border: var(--color-danger)}.btn-danger:hover:not(:disabled){--btn-bg: var(--color-danger-text);--btn-border: var(--color-danger-text)}.btn-sm{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-xs{min-height:1.75rem;padding:0 var(--space-2);font-size:var(--text-xs)}.btn-icon{min-height:1.25rem;padding:0 var(--space-1);font-size:var(--text-xs);line-height:1}.btn-lg{min-height:3.25rem;padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field__hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.field__error{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-danger)}.field__required{color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-subtle);cursor:not-allowed}.input.is-invalid,.input[aria-invalid=true],.select.is-invalid,.select[aria-invalid=true],.textarea.is-invalid,.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input.is-invalid:focus,.input[aria-invalid=true]:focus,.select.is-invalid:focus,.select[aria-invalid=true]:focus,.textarea.is-invalid:focus,.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b91c1c40}.textarea{min-height:7rem;resize:vertical;line-height:var(--leading-normal)}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-subtle) 50%),linear-gradient(135deg,var(--color-text-subtle) 50%,transparent 50%);background-position:calc(100% - 1.1rem) 50%,calc(100% - .75rem) 50%;background-size:.35rem .35rem,.35rem .35rem;background-repeat:no-repeat}.checkbox,.radio{display:flex;align-items:start;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.checkbox input,.radio input{width:1.1rem;height:1.1rem;margin:.2rem 0 0;accent-color:var(--color-primary);flex:none}.form-grid{display:grid;gap:0 var(--space-4);grid-template-columns:1fr}@media(width>=48rem){.form-grid{grid-template-columns:1fr 1fr}}.form-grid__full{grid-column:1/-1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5)}.card--flush{padding:0;overflow:hidden}.card--raised{box-shadow:var(--shadow-md)}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.panel{background:var(--color-surface-muted);border-radius:var(--radius-lg);padding:var(--space-5)}.divider{border-top:1px solid var(--color-border);margin-block:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.6;white-space:nowrap}.badge--neutral{background:var(--color-surface-sunken);color:var(--color-text-muted)}.badge--success{background:var(--color-success-soft);color:var(--color-success-text)}.badge--warn{background:var(--color-warn-soft);color:var(--color-warn-text)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge--info{background:var(--color-info-soft);color:var(--color-info-text)}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-deep)}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-deep)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.table{font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);background:var(--color-surface-muted);white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-primary-faint)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.toast-stack{position:fixed;inset-block-end:var(--space-4);inset-inline:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}@media(width>=48rem){.toast-stack{inset-inline:auto var(--space-6);align-items:end}}.toast{display:flex;align-items:start;gap:var(--space-3);width:100%;max-width:26rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--transition-base)}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--info{border-left:4px solid var(--color-info)}.toast__text{flex:1}.toast__close{border:0;background:none;color:var(--color-text-subtle);font-size:var(--text-lg);line-height:1;padding:0 var(--space-1);cursor:pointer}.toast__close:hover{color:var(--color-text)}.toast__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.strong{font-weight:var(--weight-semibold)}.nums{font-variant-numeric:tabular-nums}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-surface-sunken) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton{border-radius:var(--radius-sm);min-height:1rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.sisutekst{color:var(--color-text-muted)}.sisutekst>:first-child{margin-block-start:0}.sisutekst>:last-child{margin-block-end:0}.sisutekst p{margin-block:0 var(--space-3)}.sisutekst ul,.sisutekst ol{margin-block:0 var(--space-3);padding-inline-start:var(--space-5)}.sisutekst li{margin-block-end:var(--space-1)}.sisutekst strong,.sisutekst b{color:var(--color-text);font-weight:var(--weight-semibold)}@media(width<64rem){.ikooni-silt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.sums__sub{padding-inline-start:var(--space-4)}.sums__sub dt{font-size:var(--text-xs)}