@layer force, vendor, tokens, base, components, utilities;
@layer vendor {
/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference) {
:root{scroll-behavior:smooth}
}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px) {
.h1,h1{font-size:2.5rem}
}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px) {
.h2,h2{font-size:2rem}
}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px) {
.h3,h3{font-size:1.75rem}
}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px) {
.h4,h4{font-size:1.5rem}
}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}
a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px) {
legend{font-size:1.5rem}
}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote>:last-child{margin-bottom:0}
.figure{display:inline-block}
:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.form-label{margin-bottom:.5rem}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-control{transition:none}
}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}
.form-control::-webkit-datetime-edit{display:block;padding:0}
.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}
.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}
.form-control::file-selector-button{transition:none}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}
.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}
.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}
textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce) {
.btn{transition:none}
}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}
.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce) {
.fade{transition:none}
}
.fade:not(.show){opacity:0}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce) {
.collapsing{transition:none}
}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.card>hr{margin-right:0;margin-left:0}
.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}
.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}
.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}
.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}
.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}
.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}
.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}
.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}
.btn-close-white{filter:var(--bs-btn-close-white-filter)}
.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
.placeholder.btn::before{display:inline-block;content:""}
.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}
.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}
.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}
.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.border-0{border:0!important}
.w-100{width:100%!important}
.align-items-start{align-items:flex-start!important}
.align-items-center{align-items:center!important}
.m-auto{margin:auto!important}
.me-2{margin-right:.5rem!important}
.mb-0{margin-bottom:0!important}
.ms-auto{margin-left:auto!important}
.gap-2{gap:.5rem!important}
.fs-4{font-size:calc(1.275rem + .3vw)!important}
@media (min-width:1200px) {
.fs-4{font-size:1.5rem!important}
}
}
@layer tokens {
:root {
color-scheme: only light;
--bg: #2c509b;
  --surface: #ffffff;
  --surface-muted: #f4f6fa;    
  --surface-sunken: #dfe5f0;   
  --surface-hover: rgba(44,80,155,.055);
--ground-shade: rgba(6,14,34,.22);
--glass: rgba(223,229,240,.82);
  --glass-strong: rgba(223,229,240,.94);
  --glass-blur: 18px;
--surface-raised: rgba(255,255,255,.92);
--glass-solid: #e1e6f1;
--ground-ink: #ffffff;
  --ground-ink-muted: rgba(255,255,255,.80);
  --ground-accent: #e3c894;
  --ground-success: #6ee7b7;
  --ground-warning: #fcd34d;
  --ground-danger: #fdbcbc;
  --ground-info: #67e8f9;
  --ground-wash: rgba(255,255,255,.14);
  --ground-line: rgba(255,255,255,.22);
--night: color-mix(in srgb, var(--primary) 24%, #000);
  --night-2: color-mix(in srgb, var(--primary) 46%, #000);
  --night-deep: color-mix(in srgb, var(--primary) 13%, #000);
--shell: #d2ab67;
  --shell-strong: #d2ab67;
  --shell-solid: #d2ab67;
  --shell-ink: #16222a;
  --shell-ink-muted: #1b2a33;
  --shell-ink-faint: #2e424c;
  --shell-line: rgba(36,54,63,.22);
  --shell-hover: rgba(36,54,63,.10);
--shell-well: rgba(36,54,63,.07);
  --shell-well-strong: rgba(36,54,63,.14);
--shell-danger: #7a1212;
  --shell-active-ink: #ffffff;
--border: rgba(44,80,155,.14);
  --border-strong: rgba(44,80,155,.22);
  --surface-border: var(--border);
--text: #101728;
  --muted: #515f7a;
--faint: #57647c;
--primary: #2c509b;
  --primary-dark: #24457f;
  --primary-2: #3a6ab0;
  --primary-contrast: #ffffff;
--primary-soft: color-mix(in srgb, var(--primary) 10%, transparent);
--primary-text: #24457f;
  --primary-line: color-mix(in srgb, var(--primary) 24%, transparent);
--grad-from: #2c509b;
  --grad-to: #24363f;
  --grad-from-hover: #24457f;
  --grad-to-hover: #1a2a33;
  --grad-primary: linear-gradient(135deg, #2c509b, #24363f);
  --grad-primary-hover: linear-gradient(135deg, #24457f, #1a2a33);
--grad-primary-text: var(--grad-primary);
--accent: #8f6c30;
  --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);
--accent-ink: #80622f;
--success: #0e7a4a;
  --success-soft: rgba(16,185,129,.13);
  --warning: #9a5b08;
  --warning-soft: rgba(245,158,11,.15);
  --danger: #c02626;
  --danger-soft: rgba(220,38,38,.10);
  --info: #0369a1;
  --info-soft: rgba(14,165,233,.12);
--success-fill: #10b981;
  --success-fill-strong: #059669;
  --warning-fill: #f59e0b;
  --warning-fill-strong: #d97706;
--warning-fill-deep: #f97316;
--urgent: #ea580c;
  --urgent-soft: rgba(234, 88, 12, .04);
  --danger-fill: #ef4444;
  --danger-fill-strong: #dc2626;
--accent-fill: #d2ab67;
  --accent-fill-strong: #b8904a;
--live: #34d399;
--excel: #16a765;
  --excel-strong: #0f9d58;
--chart-revenue: #2c509b;
  --chart-expense: #b8904a;
--bi-cat-1: #118dff;
  --bi-cat-2: #e66c37;
  --bi-cat-3: #12239e;
  --bi-cat-4: #6b007b;
  --bi-cat-5: #e044a7;
  --bi-cat-6: #744ec2;
  --bi-cat-7: #d9b300;
  --bi-cat-8: #d64550;
--bi-good: #1aab40;
  --bi-warn: #d9b300;
  --bi-bad: #d64550;
--bi-canvas: #f1f1f1;         
  --bi-visual: #ffffff;         
  --bi-line: #e1dfdd;           
  --bi-line-soft: #edebe9;
  --bi-ink: #252423;            
  --bi-ink-2: #605e5c;          
  --bi-chrome: #f3f2f1;         
  --bi-chrome-hover: #edebe9;
  --bi-accent: #0078d4;         
  --bi-accent-dark: #106ebe;
--bi-font: 'Segoe UI', 'Segoe UI Variable Text', system-ui, -apple-system,
             'Inter Variable', Inter, sans-serif;
  --bi-radius: 4px;
  --bi-shadow: 0 1.6px 3.6px rgba(0,0,0,.09), 0 .3px .9px rgba(0,0,0,.06);
  --bi-shadow-hover: 0 3.2px 7.2px rgba(0,0,0,.11), 0 .6px 1.8px rgba(0,0,0,.08);
--bi-shadow-focus: 0 25.6px 57.6px rgba(0,0,0,.22), 0 4.8px 14.4px rgba(0,0,0,.18);
--shadow-sm: 0 1px 2px rgba(6,14,34,.16), 0 1px 3px rgba(6,14,34,.14);
  --shadow-md: 0 2px 6px rgba(6,14,34,.16), 0 10px 26px rgba(6,14,34,.20);
  --shadow-lg: 0 14px 34px rgba(6,14,34,.30), 0 3px 8px rgba(6,14,34,.18);
--shadow-up: 0 -2px 14px rgba(6,14,34,.22);
  --shadow-glow: 0 6px 20px color-mix(in srgb, var(--primary) 28%, transparent);
--shadow-glow-strong: 0 8px 24px color-mix(in srgb, var(--primary) 34%, transparent);
  --card-shadow: var(--shadow-md);
--glow-accent: 0 6px 20px color-mix(in srgb, var(--accent-fill-strong) 26%, transparent);
  --glow-success: 0 6px 20px color-mix(in srgb, var(--success-fill) 32%, transparent);
  --glow-warning: 0 6px 20px color-mix(in srgb, var(--warning-fill) 32%, transparent);
  --glow-danger: 0 6px 20px color-mix(in srgb, var(--danger-fill-strong) 32%, transparent);
--radius-xs: .25rem;    
  --radius-sm: .55rem;    
  --radius: .8rem;        
  --radius-lg: 1.1rem;    
  --radius-xl: 1.5rem;    
  --radius-pill: 999px;
  --radius-round: 50%;
--bs-border-radius-sm: var(--radius-xs);
  --bs-border-radius: var(--radius-sm);
  --bs-border-radius-lg: var(--radius);
  --bs-border-radius-xl: var(--radius-lg);
  --bs-border-radius-xxl: var(--radius-xl);
  --bs-border-radius-pill: var(--radius-pill);
--bs-body-font-size: var(--text-base);
--rail: 3px;            
  --hairline: 1px;        
  --ring-w: 2px;          
  --ring-w-lg: 3px;       
--ring: 0 0 0 var(--ring-w-lg) color-mix(in srgb, var(--primary) 32%, transparent);
--ring-cut: 0 0 0 var(--ring-w) var(--surface);
--edge-light: inset 0 1px 0 rgba(255,255,255,.65);
  --edge-light-soft: inset 0 1px 0 rgba(255,255,255,.4);
--dur-1: .12s;    
  --dur-2: .18s;    
  --dur-3: .32s;    
  --dur-4: .7s;     
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-spring: cubic-bezier(.34,1.4,.64,1);
--spin: .65s;         
  --beat-fast: 1.1s;    
  --beat: 1.4s;         
  --beat-slow: 2s;      
--drift-a: 19s;       
  --drift-b: 25s;       
  --drift-c: 31s;       
  --drift-slow: 52s;    
  --drift-tick: 37s;    
--space-0: .125rem;    
  --space-1: .25rem;     
  --space-1-5: .375rem;  
  --space-2: .5rem;      
  --space-3: .75rem;     
  --space-4: 1rem;       
  --space-5: 1.5rem;     
  --space-6: 2rem;       
  --space-6-5: 2.5rem;   
  --space-7: 3rem;       
--text-2xs: .66rem;    
  --text-xs: .74rem;     
  --text-sm: .84rem;     
  --text-md: .92rem;     
  --text-base: 1rem;
  --text-lg: 1.15rem;    
  --text-xl: 1.32rem;    
  --text-2xl: 1.6rem;    
  --text-3xl: 2rem;      
--display-sm: clamp(1.35rem, 1.22rem + .5vw, 1.72rem);    
  --display-md: clamp(1.9rem, 3.2vw, 2.7rem);               
  --display-lg: clamp(3.5rem, 12vw, 5.5rem);                
--display-hero: clamp(2rem, 1.1rem + 3.3vw, 3.6rem);           
  --display-section: clamp(1.6rem, 1.05rem + 1.55vw, 2.4rem);    
--sidebar-w: 268px;
  --topbar-h: 62px;
--land-col: 78rem;
  --land-gutter: var(--space-5);
--pub-bar-h: 3.875rem;
--entry-chart: url('../img/grafiku.svg');
  --entry-chart-line: url('../img/grafiku-vija.svg');
  --entry-chart-past: url('../img/grafiku-vjet.svg');
  --entry-chart-dots-a: url('../img/grafiku-pikat-a.svg');
  --entry-chart-dots-b: url('../img/grafiku-pikat-b.svg');
--entry-photo: url('../img/hyrja-tavolina.webp');
--app-scene: url('../img/tavolina.svg');
--grain: url('../img/grain.svg');
--land-shot-1: url('../img/kryefaqja-libri.svg');
  --land-shot-2: url('../img/kryefaqja-analitika.jpg');
  --land-shot-3: url('../img/kryefaqja-dokumentet.jpg');
--land-phone-2: url('../img/kryefaqja-analitika-telefon.jpg');
  --land-phone-3: url('../img/kryefaqja-dokumentet-telefon.jpg');
--tur-kopertina: url('../video/tur-sq.webp');
  --tur-kopertina-telefon: url('../video/tur-sq-telefon.webp');
--tm-accent: #6264a7;
  --tm-accent-soft: rgba(98,100,167,.14);
  --tm-accent-faint: rgba(98,100,167,.06);
  --tm-accent-line: rgba(98,100,167,.30);
--grad-tm-from: #6264a7;
  --grad-tm-to: #6668bb;
  --grad-tm: linear-gradient(135deg, var(--grad-tm-from), var(--grad-tm-to));
  --tm-contrast: #ffffff;
}
@property --grad-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 135deg;
}
@property --spot-x {
  syntax: '<length-percentage>';
  inherits: true;
  initial-value: 50%;
}
@property --spot-y {
  syntax: '<length-percentage>';
  inherits: true;
  initial-value: 0%;
}
@property --spot-o {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@supports (transition-timing-function: linear(0, 1)) {
:root {
    --ease-spring: linear(
      0, 0.218 5%, 0.68 12%, 0.898 17%, 1.02 22%, 1.075 27%,
      1.073 33%, 1.03 40%, 0.994 50%, 0.986 60%, 1.002 78%, 1
    );
  }
}
:root:lang(en) {
  --land-shot-2: url('../img/kryefaqja-analitika-en.jpg');
  --land-shot-3: url('../img/kryefaqja-dokumentet-en.jpg');
  --land-phone-2: url('../img/kryefaqja-analitika-telefon-en.jpg');
  --land-phone-3: url('../img/kryefaqja-dokumentet-telefon-en.jpg');
  --tur-kopertina: url('../video/tur-en.webp');
  --tur-kopertina-telefon: url('../video/tur-en-telefon.webp');
}
@supports (background-image: image-set(url('../img/kryefaqja-analitika.avif') type('image/avif'))) {
:root {
    --land-shot-2: image-set(url('../img/kryefaqja-analitika.avif') type('image/avif'),
                             url('../img/kryefaqja-analitika.webp') type('image/webp'));
    --land-shot-3: image-set(url('../img/kryefaqja-dokumentet.avif') type('image/avif'),
                             url('../img/kryefaqja-dokumentet.webp') type('image/webp'));
    --land-phone-2: image-set(url('../img/kryefaqja-analitika-telefon.avif') type('image/avif'),
                              url('../img/kryefaqja-analitika-telefon.webp') type('image/webp'));
    --land-phone-3: image-set(url('../img/kryefaqja-dokumentet-telefon.avif') type('image/avif'),
                              url('../img/kryefaqja-dokumentet-telefon.webp') type('image/webp'));
    --tur-kopertina: image-set(url('../video/tur-sq.avif') type('image/avif'),
                               url('../video/tur-sq.webp') type('image/webp'));
    --tur-kopertina-telefon: image-set(url('../video/tur-sq-telefon.avif') type('image/avif'),
                                       url('../video/tur-sq-telefon.webp') type('image/webp'));
  }
:root:lang(en) {
    --land-shot-2: image-set(url('../img/kryefaqja-analitika-en.avif') type('image/avif'),
                             url('../img/kryefaqja-analitika-en.webp') type('image/webp'));
    --land-shot-3: image-set(url('../img/kryefaqja-dokumentet-en.avif') type('image/avif'),
                             url('../img/kryefaqja-dokumentet-en.webp') type('image/webp'));
    --land-phone-2: image-set(url('../img/kryefaqja-analitika-telefon-en.avif') type('image/avif'),
                              url('../img/kryefaqja-analitika-telefon-en.webp') type('image/webp'));
    --land-phone-3: image-set(url('../img/kryefaqja-dokumentet-telefon-en.avif') type('image/avif'),
                              url('../img/kryefaqja-dokumentet-telefon-en.webp') type('image/webp'));
    --tur-kopertina: image-set(url('../video/tur-en.avif') type('image/avif'),
                               url('../video/tur-en.webp') type('image/webp'));
    --tur-kopertina-telefon: image-set(url('../video/tur-en-telefon.avif') type('image/avif'),
                                       url('../video/tur-en-telefon.webp') type('image/webp'));
  }
}
}
@layer base {
body {
font-family: 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI',
               Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
accent-color: var(--primary);
caret-color: var(--primary);
font-optical-sizing: auto;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
background:
    radial-gradient(900px 480px at 8% -10%,
                    color-mix(in srgb, var(--grad-to) 10%, transparent) 0%,
                    color-mix(in srgb, var(--grad-to) 6.2%, transparent) 20%,
                    color-mix(in srgb, var(--grad-to) 3.4%, transparent) 38%,
                    color-mix(in srgb, var(--grad-to) 1.5%, transparent) 55%,
                    color-mix(in srgb, var(--grad-to) 0.5%, transparent) 72%,
                    transparent 90%),
    radial-gradient(760px 420px at 96% -6%,
                    color-mix(in srgb, var(--grad-to) 9%, transparent) 0%,
                    color-mix(in srgb, var(--grad-to) 5.58%, transparent) 20%,
                    color-mix(in srgb, var(--grad-to) 3.06%, transparent) 38%,
                    color-mix(in srgb, var(--grad-to) 1.35%, transparent) 55%,
                    color-mix(in srgb, var(--grad-to) 0.45%, transparent) 72%,
                    transparent 90%),
    radial-gradient(680px 460px at 78% 108%,
                    color-mix(in srgb, var(--grad-to) 8%, transparent) 0%,
                    color-mix(in srgb, var(--grad-to) 4.96%, transparent) 20%,
                    color-mix(in srgb, var(--grad-to) 2.72%, transparent) 38%,
                    color-mix(in srgb, var(--grad-to) 1.2%, transparent) 55%,
                    color-mix(in srgb, var(--grad-to) 0.4%, transparent) 72%,
                    transparent 90%),
    linear-gradient(155deg,
                    color-mix(in srgb, var(--grad-to) 4%, transparent) 0%,
                    color-mix(in srgb, var(--grad-to) 3%, transparent) 46%,
                    transparent 74%),
    linear-gradient(180deg, transparent 38%, var(--ground-shade) 100%);
}
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
body::after {
    content: "";
    position: fixed;
inset: 0;
    z-index: -1;
    pointer-events: none;
background:
      radial-gradient(46% 46% at 74% 106%, var(--accent) 0%, transparent 58%),
      radial-gradient(62% 62% at 104% 66%, var(--primary-2) 0%, transparent 60%),
      radial-gradient(86% 86% at 88% 92%, var(--primary) 0%, transparent 66%);
    -webkit-mask: var(--app-scene) center / contain no-repeat;
    mask: var(--app-scene) center / contain no-repeat;
opacity: .22;
animation: sceneDrift var(--drift-slow) var(--ease-in-out) infinite alternate;
  }
}
@keyframes sceneDrift {
  from { transform: translate3d(-.6%, -.4%, 0) scale(1); }
  to   { transform: translate3d(.6%, .4%, 0) scale(1.035); }
}
@media (max-width: 900px) {
body::after { display: none; }
}
@media (prefers-contrast: more) {
body::after { display: none; }
}
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.app-shell::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--text);
    -webkit-mask: var(--grain) 0 0 / 180px 180px repeat;
    mask: var(--grain) 0 0 / 180px 180px repeat;
    opacity: .014;
  }
}
@media (forced-colors: active) {
.app-shell::after { display: none; }
}
@media (prefers-contrast: more) {
.app-shell::after { display: none; }
}
@supports (font-variation-settings: normal) {
body { font-feature-settings: 'cv02','cv03','cv04','cv11'; }
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Inter Variable', Inter, system-ui, sans-serif;
  letter-spacing: -.02em;
  font-weight: 700;
text-wrap: balance;
}
p, .page-sub, .empty-text, .stat-note, .form-text {
  text-wrap: pretty;
}
::selection { background: var(--shell); color: var(--shell-ink); }
:is(.app-topbar, .app-sidebar, .bottom-nav) ::selection { background: var(--shell-ink); color: var(--shell); }
* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: var(--radius-pill);
  border: 3px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-track { background: transparent; }
.table td, .table th,
.money, .task-col-count, .badge, .chip,
input[type="number"],
.stat-value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}
a:not(.btn) { color: var(--primary-text); text-underline-offset: .18em; }
a:not(.btn):hover { color: var(--primary); }
hr { border-color: var(--border); opacity: 1; }
code, kbd, pre, samp {
  font-family: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace,
               SFMono-Regular, Menlo, Consolas, monospace;
}
code { color: var(--primary-text); background: var(--primary-soft);
       padding: var(--space-0) var(--space-1-5); border-radius: var(--radius-xs); font-size: .875em; }
kbd, .kbd {
  display: inline-flex;
  align-items: center;
  gap: var(--space-0);
  background: var(--surface-muted);
  color: var(--muted);
  border: 1px solid var(--border-strong);
  border-bottom-width: 2px;
  border-radius: var(--radius-xs);
  padding: var(--space-0) var(--space-1-5);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1.5;
}
}
@layer components {
.app-shell { display: flex; min-height: 100vh; }
.app-topbar :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
                .btn-outline-dark, .btn-outline-light, .btn-link),
.app-sidebar :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
                 .btn-outline-dark, .btn-outline-light, .btn-link) {
  --bs-btn-color: var(--shell-ink);
  --bs-btn-border-color: var(--shell-line);
  --bs-btn-hover-color: var(--shell);
  --bs-btn-hover-bg: var(--shell-ink);
  --bs-btn-hover-border-color: var(--shell-ink);
  --bs-btn-active-color: var(--shell);
  --bs-btn-active-bg: var(--shell-ink);
  --bs-btn-active-border-color: var(--shell-ink);
  --bs-btn-disabled-color: var(--shell-ink-faint);
  --bs-btn-disabled-border-color: var(--shell-line);
}
.app-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.app-topbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--topbar-h);
  padding: var(--space-2) var(--space-4);
  background: var(--shell);
  border-bottom: 1px solid var(--shell-line);
}
@supports (animation-timeline: scroll()) {
@media (prefers-reduced-motion: no-preference) {
.app-topbar {
      animation-name: topbarLift;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-timeline: scroll(root block);
      animation-range: 0 96px;
    }
}
}
@keyframes topbarLift {
  from { box-shadow: 0 0 0 rgba(0,0,0,0); }
  to   { box-shadow: var(--shadow-md); }
}
@supports (animation-timeline: scroll()) {
@media (prefers-reduced-motion: no-preference) {
.app-topbar::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 2px;
      background: var(--grad-primary);
      transform: scaleX(0);
      transform-origin: left center;
      pointer-events: none;
      animation-name: readProgress;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-timeline: scroll(root block);
    }
}
}
@keyframes readProgress {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.app-content {
  flex: 1;
  padding: var(--space-5) var(--space-5) var(--space-6-5);
animation: pageFade var(--dur-3) var(--ease-out) backwards;
}
@keyframes pageFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.app-foot {
  margin-top: var(--space-6);
  text-align: center;
  font-size: var(--text-xs);
  letter-spacing: .02em;
  color: var(--ground-ink-muted);
}
.app-foot-mark { color: var(--ground-ink); font-weight: 700; }
@media (max-width: 576px) {
.app-content { padding: var(--space-4) var(--space-3) var(--space-6); }
.app-topbar { padding: var(--space-2) var(--space-3); }
}
@keyframes pageIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}
:root { --bottomnav-h: 0px; }
@media (max-width: 991.98px) {
:root { --bottomnav-h: calc(3.55rem + env(safe-area-inset-bottom)); }
.app-content { padding-bottom: calc(var(--space-5) + var(--bottomnav-h)); }
}
@media (min-width: 75em) {
.app-topbar:has(> .pub-nav) {
    padding-inline: max(var(--space-4), calc((100% - var(--land-col)) / 2));
  }
}
.pub-nav {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-inline-start: var(--space-2);
}
.pub-nav-link {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  border-bottom: 2px solid transparent;
  color: var(--shell-ink-muted);
  font-size: var(--text-base);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);
}
.pub-nav-link:hover,
.pub-nav-link:focus-visible {
  color: var(--shell-ink);
  background: var(--shell-hover);
}
.pub-nav-link.active {
  color: var(--shell-ink);
  border-bottom-color: var(--shell-ink);
}
.pub-nav-drop { position: relative; display: flex; }
.pub-nav-caret {
  margin-inline-start: var(--space-1);
  font-size: var(--text-xs);
  transition: transform var(--dur-2) var(--ease-out);
}
.pub-nav-panel {
  position: absolute;
  top: calc(100% + var(--space-2));
  inset-inline-start: 0;
  z-index: 1;
  width: 34rem;
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
visibility: hidden;
  opacity: 0;
  transform: translateY(calc(-1 * var(--space-1)));
  transition: opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out),
              visibility var(--dur-2) var(--ease-out);
}
.pub-nav-panel::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: 100%;
  height: var(--space-3);
}
.pub-nav-drop:hover .pub-nav-panel,
.pub-nav-drop:has(:focus-visible) .pub-nav-panel {
  visibility: visible;
  opacity: 1;
  transform: none;
}
.pub-nav-drop:hover .pub-nav-caret,
.pub-nav-drop:has(:focus-visible) .pub-nav-caret { transform: rotate(180deg); }
.pub-nav-subs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pub-nav-subs > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.pub-nav-sub {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius);
  color: var(--text);
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);
}
.pub-nav-sub i {
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-round);
  border: 1px solid color-mix(in srgb, var(--accent-fill) 55%, transparent);
  background: color-mix(in srgb, var(--accent-fill) 14%, var(--surface));
  color: var(--accent-ink);
  font-size: var(--text-base);
}
.pub-nav-sub:hover,
.pub-nav-sub:focus-visible { background: var(--surface-muted); color: var(--primary-text); }
.pub-nav-sub:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.pub-nav-sub.active { background: var(--primary-soft); color: var(--primary-text); }
.pub-menu { display: none; }
@media (max-width: 767.98px) {
.app-topbar:has(.pub-nav) { flex-wrap: wrap; row-gap: 0; column-gap: var(--space-2); }
.app-topbar:has(.pub-nav) .btn-sm { --bs-btn-padding-x: var(--space-1-5); }
}
@media (max-width: 74.99875em) {
.pub-nav,
  .app-topbar:has(.pub-nav) .lang-switch-shell { display: none; }
.pub-menu { display: block; }
.pub-menu-btn {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--shell-line);
    background: var(--shell-well);
    color: var(--shell-ink);
    font-size: var(--text-xl);
    list-style: none;
    cursor: pointer;
  }
.pub-menu-btn::-webkit-details-marker { display: none; }
.pub-menu-btn:focus-visible { outline: 2px solid var(--shell-ink); outline-offset: 2px; }
.pub-menu[open] .pub-menu-btn { background: var(--shell-well-strong); }
.pub-menu-mbyll,
  .pub-menu[open] .pub-menu-hap { display: none; }
.pub-menu[open] .pub-menu-mbyll { display: block; }
.pub-menu-panel {
    position: absolute;
    inset-inline: 0;
    top: 100%;
    display: grid;
    gap: var(--space-3);
    padding: var(--space-1) var(--space-4) var(--space-4);
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
  }
.pub-menu-nav { display: grid; }
.pub-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3rem;
    padding: var(--space-2) var(--space-1);
    border-bottom: 1px solid var(--border);
    color: var(--text);
    font-weight: 600;
    text-decoration: none;
  }
.pub-menu-link.active { color: var(--primary-text); }
.pub-menu-link i { color: var(--faint); }
.pub-menu-lang {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--muted);
    font-size: var(--text-sm);
  }
.pub-menu-subs {
    display: grid;
    margin: 0;
    padding: var(--space-1) 0 var(--space-2);
    border-bottom: 1px solid var(--border);
    list-style: none;
  }
.pub-menu-sub {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-height: 2.75rem;
    padding: var(--space-1) var(--space-1) var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-size: var(--text-md);
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
  }
.pub-menu-sub i {
    flex: none;
    width: 1.5rem;
    color: var(--accent-ink);
    font-size: var(--text-lg);
    text-align: center;
  }
.pub-menu-sub.active { color: var(--primary-text); font-weight: 600; }
.pub-menu-sub:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.pub-menu-reach {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.pub-menu-reach a {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-height: 2.75rem;
    padding: var(--space-1);
    color: var(--text);
    font-weight: 600;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
  }
.pub-menu-reach i { color: var(--primary-text); font-size: var(--text-lg); }
.pub-menu-login { width: 100%; }
}
@media (max-width: 575.98px) {
.pub-menu-panel {
    align-content: start;
    height: calc(100vh - var(--topbar-h));
    height: calc(100dvh - var(--topbar-h));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
.app-main:has(> .pub-bar) .pub-menu-panel {
    padding-bottom: calc(var(--pub-bar-h) + var(--space-4) + env(safe-area-inset-bottom));
  }
}
@media (min-width: 576px) and (max-width: 74.99875em) {
.pub-menu-panel {
    inset-inline: auto var(--space-3);
    top: calc(100% + var(--space-1));
    width: 20rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
max-height: calc(100vh - var(--topbar-h) - var(--space-5));
    max-height: calc(100dvh - var(--topbar-h) - var(--space-5));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
.pub-head-tel { display: none; }
@media (min-width: 768px) {
.pub-head-tel {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--shell-ink);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    white-space: nowrap;
  }
.pub-head-tel:hover,
  .pub-head-tel:focus-visible { background: var(--shell-hover); color: var(--shell-ink); }
.pub-head-tel:focus-visible { outline: 2px solid var(--shell-ink); outline-offset: 2px; }
}
@media (min-width: 768px) and (max-width: 79.99875em) {
.pub-head-tel {
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--shell-line);
    background: var(--shell-well);
    font-size: var(--text-lg);
  }
.pub-head-tel-num {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media (max-width: 575.98px) {
.brand-word-pub { display: none; }
}
@media screen and (max-width: 767.98px) {
.app-main:has(> .pub-bar) .pub-head-cta { display: none; }
.app-main:has(> .pub-bar) .brand-word-pub { display: inline; }
}
.pub-head-cta[aria-current="page"] { display: none; }
.app-topbar:has(.pub-head-cta[aria-current="page"]) .brand-word-pub { display: inline; }
.app-topbar:has(.pub-nav):not(:has(.pub-head-cta)) .brand-word-pub { display: inline; }
.pub-bar { display: none; }
@media screen and (max-width: 767.98px) {
.pub-bar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3) max(var(--space-2), env(safe-area-inset-bottom));
    border-top: 1px solid var(--border);
    background: var(--surface);
    box-shadow: var(--shadow-up);
  }
.pub-bar-btn {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1-5);
    min-height: 2.75rem;
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-muted);
    color: var(--text);
    font-size: var(--text-md);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
.pub-bar-btn i { color: var(--primary-text); }
.pub-bar-btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.pub-bar .pub-bar-main {
    flex-grow: 2;
    border-color: var(--primary);
    background: var(--primary);
    color: var(--primary-contrast);
  }
.pub-bar .pub-bar-main i { color: currentColor; }
.pub-bar .pub-bar-main {
    min-width: 0;
    white-space: normal;
    text-align: center;
    text-wrap: balance;
    line-height: 1.15;
  }
.app-main:has(> .pub-bar) .app-content {
    padding-bottom: calc(var(--space-6) + var(--pub-bar-h) + env(safe-area-inset-bottom));
  }
}
@media screen and (max-width: 371.98px) {
.pub-bar .pub-bar-btn:not(.pub-bar-main) { flex: 0 0 auto; width: 2.75rem; padding-inline: 0; }
.pub-bar-word {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media screen and (max-width: 409.98px) {
:lang(en) .pub-bar .pub-bar-btn:not(.pub-bar-main) { flex: 0 0 auto; width: 2.75rem; padding-inline: 0; }
:lang(en) .pub-bar-word {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media print {
.pub-bar,
  .pub-head-tel { display: none !important; }
}
.lang-switch {
  display: inline-flex;
  align-items: center;
  padding: var(--space-0);
  gap: var(--space-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
}
.lang-opt {
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--faint);
  text-decoration: none;
  transition: background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);
}
.lang-opt:hover { color: var(--text); }
.lang-opt.active {
  background: var(--surface);
  color: var(--primary-text);
  box-shadow: var(--shadow-sm);
}
.lang-switch-shell {
  background: var(--shell-well);
  border-color: var(--shell-line);
}
.lang-switch-shell .lang-opt { color: var(--shell-ink-muted); }
.lang-switch-shell .lang-opt:hover { color: var(--shell-ink); }
.lang-switch-shell .lang-opt.active {
  background: var(--shell-well-strong);
  color: var(--shell-ink);
  box-shadow: none;
}
@media (pointer: coarse) {
.app-topbar:has(.pub-nav) :is(.brand, .lang-opt, .btn) { position: relative; }
.app-topbar:has(.pub-nav) :is(.brand, .lang-opt, .btn)::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: min(0px, calc((100% - 44px) / 2));
  }
}
.cpc-logo {
  width: 100%;
  height: 100%;
  display: block;
}
.navbar-brand, .brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .04em;
}
.brand-mark-lg {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: var(--radius);
  box-shadow: var(--shadow-glow);
}
.brand-word {
  font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
  font-weight: 700;
  font-size: var(--text-base);
letter-spacing: .04em;
  white-space: nowrap;
color: var(--shell-ink);
}
.btn {
  border-radius: var(--radius-sm);
  font-weight: 500;
transition: background var(--dur-1) var(--ease-out),
              border-color var(--dur-1) var(--ease-out),
              color var(--dur-1) var(--ease-out),
              box-shadow var(--dur-2) var(--ease-out),
              transform var(--dur-2) var(--ease-spring),
              filter var(--dur-1) var(--ease-out),
              --grad-angle var(--dur-3) var(--ease-out);
}
.btn:active { transform: translateY(1px); }
.btn.is-busy, .icon-btn.is-busy {
  pointer-events: none;    
  opacity: .78;
}
.is-busy::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  margin-inline-end: .45em;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: var(--radius-round);
  animation: ka-spin var(--spin) linear infinite;
}
.is-busy-bare::before { margin-inline-end: 0; }
.is-busy > i.bi, .is-busy > svg { display: none; }
@keyframes ka-spin { to { transform: rotate(360deg); } }
.btn-primary {
background: linear-gradient(var(--grad-angle), var(--grad-from), var(--grad-to));
  border: 0;
  color: #fff;
  box-shadow: var(--shadow-glow);
  padding-top: calc(var(--space-1-5) + 1px);
  padding-bottom: calc(var(--space-1-5) + 1px);
}
.btn-primary:hover, .btn-primary:focus {
  --grad-from: var(--grad-from-hover);
  --grad-to: var(--grad-to-hover);
  --grad-angle: 100deg;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: var(--shadow-glow-strong);
}
.btn-primary:active { transform: none; filter: brightness(.92); }
.btn-primary.btn-sm { padding-top: calc(var(--space-1) + 1px); padding-bottom: calc(var(--space-1) + 1px); }
.btn-outline-primary {
  --bs-btn-color: var(--primary-text);
  --bs-btn-border-color: var(--primary-line);
  --bs-btn-hover-color: var(--primary-contrast);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-color: var(--primary-contrast);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-disabled-color: var(--faint);
  --bs-btn-disabled-border-color: var(--border);
}
.form-control, .form-select {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-strong);
  color: var(--text);
background-color: var(--surface-muted);
  transition: border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);
}
.form-control::placeholder { color: var(--faint); }
.form-control:focus, .form-select:focus {
  background-color: var(--surface);
  border-color: var(--primary);
  box-shadow: var(--ring);
  color: var(--text);
}
.form-control:user-invalid, .form-select:user-invalid {
  border-color: var(--danger);
}
.form-control:user-invalid:focus, .form-select:user-invalid:focus {
  box-shadow: 0 0 0 var(--ring-w-lg) color-mix(in srgb, var(--danger) 28%, transparent);
}
.card:has(.form-control:user-invalid, .form-select:user-invalid) {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--border));
}
@supports (field-sizing: content) and (height: 1lh) {
textarea.form-control {
    field-sizing: content;
max-height: 40vh;
  }
textarea.form-control[rows="1"] { min-height: calc(1lh + .75rem + 2px); }
textarea.form-control[rows="2"] { min-height: calc(2lh + .75rem + 2px); }
textarea.form-control[rows="3"] { min-height: calc(3lh + .75rem + 2px); }
textarea.form-control[rows="4"] { min-height: calc(4lh + .75rem + 2px); }
textarea.form-control[rows="5"] { min-height: calc(5lh + .75rem + 2px); }
textarea.form-control[rows="6"] { min-height: calc(6lh + .75rem + 2px); }
}
.form-label { font-weight: 500; font-size: var(--text-sm); color: var(--muted); }
.btn-close { border-radius: var(--radius-sm); }
.toast {
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(10px);
}
.toast.text-bg-primary {
  background: var(--grad-primary) !important;
  border: 0;
}
.toast.text-bg-success, .toast.text-bg-danger, .toast.text-bg-warning { border: 0; }
.ka-toast-secret {
  background: var(--surface);
  color: var(--text);
  box-shadow: inset 0 0 0 var(--hairline) var(--border-strong), var(--shadow-lg);
}
.ka-toast-secret .ka-toast-icon { color: var(--primary); opacity: 1; }
.toast-stack {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1090;              
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  max-width: min(26rem, calc(100vw - 2rem));
  pointer-events: none;       
}
.toast-stack > * { pointer-events: auto; }
@media (max-width: 576px) {
.toast-stack {
    top: auto;
bottom: var(--bottomnav-h);
    left: 0;
    right: 0;
    max-width: none;
    padding: var(--space-3);
    flex-direction: column-reverse;    
  }
}
.ka-toast-icon {
  flex: 0 0 auto;
  font-size: var(--text-lg);
  line-height: 1.35;
  opacity: .92;
}
.ka-toast .toast-body { line-height: 1.35; }
.chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-0) var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1.4;
  background: var(--surface-muted);
  color: var(--muted);
  border: 1px solid var(--border);
  white-space: nowrap;
}
.chip i { font-size: .8em; }
.chip-primary { background: var(--primary-soft); color: var(--primary-text); border-color: var(--primary-line); }
.chip-success { background: var(--success-soft); color: var(--success); border-color: transparent; }
.chip-warning { background: var(--warning-soft); color: var(--warning); border-color: transparent; }
.chip-danger  { background: var(--danger-soft);  color: var(--danger);  border-color: transparent; }
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
box-shadow: var(--edge-light-soft), var(--shadow-sm);
  color: var(--text);
}
.page-title {
  font-size: var(--display-sm);
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: var(--space-0);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.page-sub { color: var(--ground-ink-muted); font-size: var(--text-md); margin-bottom: 0; }
.auth-steps { display: grid; gap: var(--space-3); margin-top: var(--space-2); }
.auth-steps .land-steps { grid-template-columns: 1fr; gap: var(--space-4); }
.auth-steps .land-step {
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-3);
  row-gap: var(--space-1);
}
.auth-steps .land-step::before {
  grid-row: span 2;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0;
  font-size: var(--text-base);
}
.auth-steps .land-step:not(:last-child)::after {
  top: 2.25rem;
  bottom: calc(-1 * var(--space-4));
  left: 1.125rem;
  right: auto;
  width: 1px;
  height: auto;
}
.auth-steps .land-step b { font-size: var(--text-base); }
.auth-steps .land-step span { color: var(--ground-ink); font-size: var(--text-md); line-height: 1.5; }
.auth-steps-fold {
  display: block;
  margin: 0;
  padding: 0 var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
}
.auth-steps-fold > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 3rem;
  color: var(--text);
  font-weight: 600;
  list-style: none;
  cursor: pointer;
}
.auth-steps-fold > summary::-webkit-details-marker { display: none; }
.auth-steps-fold > summary i { color: var(--muted); transition: transform var(--dur-2) var(--ease-out); }
.auth-steps-fold[open] > summary i { transform: rotate(180deg); }
.auth-steps-fold > summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: var(--radius-xs); }
.auth-steps-fold > .land-steps { padding-block: var(--space-2) var(--space-4); }
.auth-steps-fold .land-step,
.auth-steps-fold .land-step b { color: var(--text); }
.auth-steps-fold .land-step span { color: var(--muted); }
.auth-steps-fold .land-step:not(:last-child)::after { background: var(--border); }
:root { --chart-bar: #2c509b; }
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display: none; width: 0; height: 0; }
tr.is-picked > td { background: var(--primary-soft); }
.alert { border-radius: var(--radius); border: 1px solid transparent; }
.alert-warning { background: var(--warning-soft); color: var(--warning); border-color: rgba(245,158,11,.25); }
.alert-info    { background: var(--info-soft);    color: var(--info);    border-color: rgba(14,165,233,.25); }
@keyframes barGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.is-clickable { cursor: pointer; }
.offline-main {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--space-3);
  min-height: 100dvh;
  max-width: 34rem;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4);
  text-align: center;
  color: var(--ground-ink);
}
.offline-logo { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.offline-title { display: block; margin: var(--space-3) 0 0; font-size: var(--display-section); }
.offline-main .page-sub {
  max-width: 28rem;
  margin: 0;
  color: var(--ground-ink-muted);
  font-size: var(--text-lg);
  line-height: 1.6;
}
.offline-main .btn-primary {
  margin-top: var(--space-3);
  padding-inline: var(--space-5);
  background: var(--surface);
  color: var(--primary-text);
}
.offline-main .btn-primary:hover,
.offline-main .btn-primary:focus-visible { background: var(--surface-muted); color: var(--primary-text); }
.offline-wait { display: inline-flex; gap: var(--space-1-5); }
.offline-wait > span {
  width: .5rem;
  height: .5rem;
  border-radius: var(--radius-round);
  background: var(--ground-accent);
  opacity: .55;
  animation: ai-typing-dot var(--beat) infinite var(--ease-in-out);
}
.offline-wait > span:nth-child(2) { animation-delay: .2s; }
.offline-wait > span:nth-child(3) { animation-delay: .4s; }
.offline-hint {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
  color: var(--ground-ink-muted);
}
@media print {
nav.navbar,
  aside.sidebar,
  .app-sidebar,
  .app-topbar,
  .no-print,
  .toast-container,
  .toast-stack,
  .bottom-nav {
    display: none !important;
  }
body { background: #fff !important; color: #000 !important; }
body::before { display: none !important; }
body::after { display: none !important; }
.app-shell::after { display: none !important; }
main, .app-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    animation: none !important;
  }
tr, .row { page-break-inside: avoid; }
h5 { page-break-after: avoid; }
a { text-decoration: none !important; color: #000 !important; }
@page { margin: 1.5cm; }
}
:where(a, button, .btn, .form-control, .form-select, .form-check-input,
       [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.skip-link {
  position: absolute;
  left: .5rem;
  top: -3rem;
  z-index: 4000;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-sm);
  background: var(--primary);
  color: var(--primary-contrast);
  font-weight: 600;
  transition: top var(--dur-2) var(--ease-out);
}
.skip-link:focus { top: .5rem; color: #fff; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
.collapse-card:hover,
  .stat-card:hover,
  .card-lift:hover,
  .task-card:hover,
  .btn-primary:hover,
  .icon-btn:hover,
  .topbar-back:hover i,
.bi-report .bi-card:not(.bi-focused):hover,
  .btn:active {
    transform: none;
  }
.is-busy::before,
.cmdk-backdrop.is-searching .cmdk-spinner {
    animation-duration: var(--beat) !important;
    animation-iteration-count: infinite !important;
  }
body::after { animation: none; }
*::details-content { transition-duration: .001ms !important; }
}
.print-head { display: none; }
@media print {
@page { margin: 14mm 12mm; }
.app-sidebar, .app-topbar, .bottom-nav, .toast-stack, .skip-link,
  .cmdk-backdrop, .sheet-backdrop, .offcanvas-backdrop, .modal, .modal-backdrop,
  .page-actions, .net-chip, .btn-close, .dropdown-menu, .page-head-toggle,
  .tbl-col-actions { display: none !important; }
html, body {
    background: #fff !important;
    color: #000 !important;
  }
:root {
    --ground-ink: #000;
    --ground-ink-muted: #333;
    --ground-accent: #000;
    --ground-success: #000;
    --ground-warning: #000;
    --ground-danger: #000;
    --ground-info: #000;
    --ground-wash: transparent;
    --ground-line: rgba(0,0,0,.25);
  }
.app-shell, .app-main, .app-content {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
.print-head {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
    padding-bottom: var(--space-1-5);
    margin-bottom: var(--space-3);
    border-bottom: 2px solid #000;
  }
.print-brand { display: inline-flex; align-self: center; }
.print-brand .cpc-logo { width: 28px; height: 28px; }
.print-title { font-weight: 700; }
.print-meta { font-size: var(--text-xs); text-align: right; line-height: 1.35; }
.card, .table-card, .stat-card, .bi-card {
    box-shadow: none !important;
    border: 1px solid #999 !important;
    background: #fff !important;
    backdrop-filter: none !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
.chip {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #666 !important;
  }
h1, h2, h3, h4, .page-title { break-after: avoid; page-break-after: avoid; }
a { text-decoration: none !important; color: #000 !important; }
}
@keyframes ai-typing-dot {
  0%, 60%, 100% { opacity: .25; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-.15rem); }
}
.num,
th.num,
td.num,
.money,
th.money,
td.money {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}
.app-content > .section-title,
.app-content > p,
.app-content > .small { color: var(--ground-ink-muted); }
.page-head :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
               .btn-outline-dark, .btn-outline-light, .btn-link),
.load-rail :is(.btn-outline-primary, .btn-outline-secondary, .btn-link),
.filter-quick :is(.btn-outline-primary, .btn-outline-secondary, .btn-link),
.form-actions :is(.btn-outline-primary, .btn-outline-secondary, .btn-link),
.tm-ov-actions :is(.btn-outline-primary, .btn-outline-secondary, .btn-link),
.app-content > :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
                   .btn-outline-dark, .btn-outline-light, .btn-link) {
  --bs-btn-color: var(--ground-ink);
  --bs-btn-border-color: var(--ground-line);
  --bs-btn-hover-color: var(--primary-text);
  --bs-btn-hover-bg: var(--ground-ink);
  --bs-btn-hover-border-color: var(--ground-ink);
  --bs-btn-active-color: var(--primary-text);
  --bs-btn-active-bg: var(--ground-ink);
  --bs-btn-active-border-color: var(--ground-ink);
  --bs-btn-disabled-color: var(--ground-ink-muted);
  --bs-btn-disabled-border-color: var(--ground-line);
}
.app-content > .alert,
.app-content > .chip,
.app-content > :is(.filter-quick, .load-rail, .filter-bar) .chip {
  background: var(--ground-shade);
  border-color: var(--ground-line);
  color: var(--ground-ink);
}
.app-content > .alert-warning { border-color: color-mix(in srgb, var(--ground-warning) 42%, transparent); }
.app-content > .alert-info    { border-color: color-mix(in srgb, var(--ground-info) 42%, transparent); }
.app-content > .alert-danger  :is(strong, b, .alert-heading, .notice-title),
.app-content > .chip-danger  { color: var(--ground-danger); }
.app-content > .alert-warning :is(strong, b, .alert-heading, .notice-title),
.app-content > .chip-warning { color: var(--ground-warning); }
.app-content > .alert-success :is(strong, b, .alert-heading, .notice-title),
.app-content > .chip-success { color: var(--ground-success); }
.app-content > .alert-info    :is(strong, b, .alert-heading, .notice-title),
.app-content > .chip-info    { color: var(--ground-info); }
.app-content > .alert :is(a:not(.btn), .alert-link) { color: var(--ground-ink); }
.app-content > .chip-primary,
.app-content > :is(.filter-quick, .load-rail, .filter-bar) .chip-primary {
  background: var(--ground-ink);
  border-color: var(--ground-ink);
  color: var(--primary-text);
  font-weight: 700;
}
.load-rail-label,
.app-content > .small,
.app-content > .text-body-secondary { color: var(--ground-ink-muted); }
.app-content > a:not(.btn),
.app-content > p a:not(.btn),
.app-content > .small a:not(.btn),
.app-content > .text-muted a:not(.btn),
.app-content > .section-title a:not(.btn),
.page-head a:not(.btn) { color: var(--ground-ink); }
.section-title {
  display: flex;
  align-items: center;
  gap: var(--space-1-5);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--muted);
  margin: 0 0 var(--space-2);
}
.page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}
.page-main,
.page-aside {
  display: grid;
  gap: var(--space-4);
  align-content: start;
  min-width: 0;
}
@media (min-width: 992px) {
.page-grid {
    grid-template-columns: minmax(0, 1fr) var(--aside-w, 20rem);
    gap: var(--space-5);
  }
.page-aside-sticky {
    position: sticky;
    top: calc(var(--topbar-h) + var(--space-4));
  }
}
@keyframes revealUp {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to   { opacity: 1; transform: none; }
}
.notice {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
}
.notice-icon {
  flex: 0 0 auto;
  font-size: var(--text-lg);
line-height: 1.5;
}
.notice-body { flex: 1 1 14rem; min-width: 0; }
.notice-body > :last-child { margin-bottom: 0; }
@media print {
.page-grid,
  .card-rail { display: block !important; }
.page-aside-sticky { position: static; }
}
.land {
--land-row-gap: var(--space-7);
  display: grid;
  grid-template-columns:
    [full-start] minmax(var(--land-gutter), 1fr)
    [col-start] minmax(0, var(--land-col)) [col-end]
    minmax(var(--land-gutter), 1fr) [full-end];
  row-gap: var(--land-row-gap);
  column-gap: 0;
  padding-bottom: var(--space-7);
}
.land > * { grid-column: col; }
.app-content:has(> .land) { padding-inline: 0; }
.app-content:has(> .land) > :not(.land) { padding-inline: var(--space-5); }
.land-lit,
.land-faq {
  grid-column: full;
  padding-inline: max(var(--land-gutter), calc((100% - var(--land-col)) / 2));
  padding-block: clamp(var(--space-6), 4vw, var(--space-7));
  background: var(--surface-muted);
  border-block: 1px solid var(--border);
  color: var(--text);
}
.land-lit .land-h2,
.land-faq .land-h2,
.land-lit .land-step b { color: var(--text); }
.land-lit .land-sub,
.land-faq .land-sub,
.land-lit .land-step span { color: var(--muted); }
.land-lit .land-kicker,
.land-lit .land-kicker a,
.land-faq .land-kicker { color: var(--accent-ink); }
.land-lit .land-kicker a { text-decoration-color: var(--border); }
.land-lit .land-kicker a:hover { color: var(--text); text-decoration-color: currentColor; }
.land-lit .land-kicker a:focus-visible { outline-color: var(--primary); }
.land-lit .land-step { color: var(--text); }
.land-lit .land-step:not(:last-child)::after { background: var(--border); }
.land-audience {
  display: grid;
  justify-items: start;
  gap: var(--space-3);
  margin-top: var(--space-6);
}
.land-audience-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.land-audience-list li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text);
  font-size: var(--text-md);
  font-weight: 500;
}
.land-audience-list i { color: var(--success); }
.land-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  align-items: center;
  gap: clamp(var(--space-5), 3vw, var(--space-7));
  padding: clamp(var(--space-5), 3.4vw, var(--space-7));
  border-radius: var(--radius-xl);
  color: rgba(255,255,255,.96);
background:
    radial-gradient(120% 92% at 86% -10%, rgba(210,171,103,.20), transparent 56%),
    linear-gradient(152deg, rgba(36,69,127,.97) 0%, rgba(44,80,155,.94) 36%,
                    rgba(40,69,96,.92) 72%, rgba(36,54,63,.95) 100%),
    rgba(16,26,33,1);
  box-shadow: var(--shadow-lg);
}
.land-hero-copy { display: grid; gap: var(--space-4); justify-items: start; }
.land-eyebrow {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
background: var(--ground-shade);
  border: 1px solid var(--ground-line);
  font-size: var(--text-md);
  font-weight: 500;
}
.land-eyebrow b {
  font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
  font-weight: 700;
}
.land-eyebrow-facts { display: inline-flex; flex-wrap: wrap; gap: 0 var(--space-2); }
.land-eyebrow-fact { white-space: nowrap; }
.land-eyebrow-fact::before {
  content: '·';
  margin-inline-end: var(--space-2);
  color: var(--ground-accent);
  font-weight: 700;
}
@media screen and (max-width: 575.98px) {
.land-eyebrow-facts { flex-basis: 100%; }
.land-eyebrow-fact:first-child::before { display: none; }
}
.land-title {
  margin: 0;
  font-size: var(--display-hero);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.land-title em {
  font-style: normal;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: inset 0 -.22em 0 color-mix(in srgb, var(--warning-fill) 62%, transparent);
}
.land-lead {
  margin: 0;
  max-width: 34rem;
  font-size: var(--text-lg);
  line-height: 1.62;
  color: rgba(255,255,255,.86);
}
.land-cta { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.land-cta .btn-land-solid {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.96);
  color: rgba(36,69,127,1);
  font-weight: 600;
}
.land-cta .btn-land-solid:hover,
.land-cta .btn-land-solid:focus-visible {
  background: rgba(255,255,255,1);
  border-color: rgba(255,255,255,1);
  color: rgba(36,69,127,1);
}
.land-cta .btn-land-ghost {
  color: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.34);
  background: rgba(255,255,255,.08);
}
.land-cta .btn-land-ghost:hover,
.land-cta .btn-land-ghost:focus-visible {
  color: rgba(255,255,255,1);
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.5);
}
.land-returning {
  margin: 0;
  font-size: var(--text-base);
  color: rgba(255,255,255,.8);
}
.land-returning a,
.land-home .land-close p a,
.land-close-brand p a {
  color: rgba(255,255,255,.96);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.42);
  text-underline-offset: .22em;
}
.land-returning a:hover,
.land-returning a:focus-visible,
.land-home .land-close p a:hover,
.land-home .land-close p a:focus-visible,
.land-close-brand p a:hover,
.land-close-brand p a:focus-visible {
  color: rgba(255,255,255,1);
  text-decoration-color: currentColor;
}
.land-returning a:focus-visible,
.land-home .land-close p a:focus-visible,
.land-close-brand p a:focus-visible {
  outline: 2px solid rgba(255,255,255,.96);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
.land-returning a i { margin-inline-start: var(--space-1); }
.land-call {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin: 0;
  font-size: var(--text-base);
  color: rgba(255,255,255,.86);
}
.land-call i { color: var(--ground-accent); }
.land-call a {
  color: rgba(255,255,255,.96);
  font-weight: 700;
  white-space: nowrap;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.42);
  text-underline-offset: .22em;
}
.land-call a:hover,
.land-call a:focus-visible {
  color: rgba(255,255,255,1);
  text-decoration-color: currentColor;
}
.land-call a:focus-visible {
  outline: 2px solid rgba(255,255,255,.96);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
@media (pointer: coarse) {
.land-call a { position: relative; }
.land-call a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: min(0px, calc((100% - 44px) / 2));
  }
}
@media screen and (max-width: 767.98px) {
.app-main:has(> .pub-bar) .land-call { display: none; }
}
.land-chat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  margin: 0;
  font-size: var(--text-base);
  color: var(--ground-ink-muted);
}
.land-chat a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  color: var(--ground-ink);
  font-weight: 700;
  white-space: nowrap;
  text-decoration: underline;
  text-decoration-color: var(--ground-line);
  text-underline-offset: .22em;
}
.land-chat a i { color: var(--ground-accent); }
.land-chat a:hover,
.land-chat a:focus-visible { text-decoration-color: currentColor; }
.land-chat a:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
@media (max-width: 576px) {
.land-chat > span { flex-basis: 100%; }
}
@media (pointer: coarse) {
.land-chat a { position: relative; }
.land-chat a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: min(0px, calc((100% - 44px) / 2));
  }
}
.land-shot {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(11,13,38,1) center / cover no-repeat;
  box-shadow: var(--shadow-lg);
}
.land-shot-1 { background-image: var(--land-shot-1); }
.land-shot-2 { background-image: var(--land-shot-2); }
.land-shot-3 { background-image: var(--land-shot-3); }
.land-duo { position: relative; }
.land-phone {
  aspect-ratio: 390 / 844;
  border: var(--space-2) solid var(--night-deep);
  border-radius: var(--radius-xl);
  background: var(--night-deep) top center / cover no-repeat;
  box-shadow: var(--shadow-lg);
}
.land-phone-2 { background-image: var(--land-phone-2); }
.land-phone-3 { background-image: var(--land-phone-3); }
@media (min-width: 577px) {
.land-duo { padding-inline-end: 13%; padding-block-end: 9%; }
.land-duo .land-phone {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 27%;
  }
}
.land-app {
  position: relative;
  padding: var(--space-7) var(--space-5) var(--space-7) var(--space-4);
  animation: pageIn var(--dur-4) var(--ease-out) both;
  animation-delay: .12s;
}
.land-app-window {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-lg);
}
.land-app-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--border);
  background: var(--surface-muted);
}
.land-app-dots { display: inline-flex; gap: var(--space-1-5); }
.land-app-dots span {
  width: .625rem;
  height: .625rem;
  border-radius: var(--radius-round);
  background: var(--danger-fill);
}
.land-app-dots span:nth-child(2) { background: var(--warning-fill); }
.land-app-dots span:nth-child(3) { background: var(--success-fill); }
.land-app-address {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  padding: var(--space-0) var(--space-4);
  border-radius: var(--radius-pill);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  font-size: var(--text-xs);
  font-weight: 600;
}
.land-app-address i { color: var(--success); }
.land-app-menu,
.land-app-bell,
.land-app-tabbar { display: none; }
.land-app-body {
  display: grid;
  grid-template-columns: 3.75rem minmax(0, 1fr);
}
.land-app-side {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-2);
  background: var(--shell);
}
.land-app-nav {
  width: 1.75rem;
  height: .45rem;
  border-radius: var(--radius-pill);
  background: var(--shell-well-strong);
}
.land-app-nav:first-child {
  width: 2rem;
  height: 2rem;
  margin-bottom: var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--grad-primary);
  box-shadow: var(--shadow-sm);
}
.land-app-nav.is-on { background: var(--primary); }
.land-app-main {
  display: grid;
  align-content: start;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
}
.land-app-head { display: flex; align-items: center; gap: var(--space-3); }
.land-app-avatar {
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius);
  background: var(--grad-primary);
  color: var(--primary-contrast);
}
.land-app-title { display: grid; min-width: 0; line-height: 1.3; }
.land-app-title b { font-size: var(--text-sm); }
.land-app-title small { color: var(--muted); font-size: var(--text-xs); }
.land-app-rows {
  display: grid;
  gap: var(--space-1-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.land-app-rows li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
}
.land-app-rows li > span:not(.chip) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.land-app-rows i { color: var(--primary-text); }
.land-app-state { display: grid; justify-items: end; }
.land-app-state > .chip { grid-area: 1 / 1; }
.land-app-state > .chip + .chip { visibility: hidden; }
.land-app-chart {
  display: flex;
  align-items: flex-end;
  gap: var(--space-1-5);
  height: 4.25rem;
  padding: var(--space-2) var(--space-3) 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.land-app-chart span {
  flex: 1;
  height: 45%;
  border-radius: var(--radius-xs) var(--radius-xs) 0 0;
  background: var(--primary-line);
  transform-origin: bottom;
  animation: barGrow var(--dur-4) var(--ease-out) both;
}
.land-app-chart span:nth-child(2) { height: 62%; }
.land-app-chart span:nth-child(3) { height: 38%; }
.land-app-chart span:nth-child(4) { height: 70%; }
.land-app-chart span:nth-child(5) { height: 54%; }
.land-app-chart span:nth-child(6) { height: 78%; }
.land-app-chart span:nth-child(7) { height: 66%; }
.land-app-chart span:nth-child(8) { height: 92%; background: var(--grad-primary); }
.land-app-toast {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  max-width: 16rem;
  padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-lg);
  font-size: var(--text-sm);
}
.land-app-toast > i {
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--success-soft);
  color: var(--success);
  font-size: var(--text-lg);
}
.land-app-toast-file > i { background: var(--primary-soft); color: var(--primary-text); }
.land-mock-toast > i { background: var(--warning-soft); color: var(--warning); }
.land-app-toast > span { display: grid; min-width: 0; line-height: 1.3; }
.land-app-toast b { font-weight: 600; }
.land-app-toast small { color: var(--muted); font-size: var(--text-xs); }
.land-app-toast-done { top: calc(-1 * var(--space-2)); right: 0; }
.land-app-toast-file { bottom: 0; left: 0; }
.land-app-phone { display: none; }
@media screen and (min-width: 1280px) {
.land-app-phone {
    position: absolute;
    z-index: 1;
    left: calc(var(--space-4) + 3.75rem - 12rem);
    bottom: -12.75rem;
    display: block;
    width: 12rem;
    aspect-ratio: 390 / 844;
    overflow: hidden;
    border: var(--space-2) solid var(--night-deep);
    border-radius: var(--radius-xl);
    background: var(--surface);
    color: var(--text);
    box-shadow: var(--shadow-lg);
  }
.land-app-toast-file { left: 3.75rem; }
}
.land-app-phone-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--shell-line);
  background: var(--shell);
  color: var(--shell-ink);
}
.land-app-phone-bar span {
  text-align: center;
  font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
  font-size: var(--text-xs);
  font-weight: 700;
}
.land-app-phone-screen {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3);
  font-size: var(--text-xs);
}
.land-app-phone-screen > b { font-size: var(--text-sm); }
.land-app-upload {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-1-5) var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.land-app-upload > i { grid-row: span 2; color: var(--primary-text); font-size: var(--text-lg); }
.land-app-upload > span:not(.land-app-upload-bar) { font-weight: 600; }
.land-app-upload-bar {
  position: relative;
  height: .375rem;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
}
.land-app-upload-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--grad-primary);
  transform: scaleX(.65);
  transform-origin: left;
}
.land-app-upload-state { grid-column: 1 / -1; display: grid; justify-items: start; }
.land-app-upload-state > .chip { grid-area: 1 / 1; }
.land-app-upload-state > .chip + .chip { visibility: hidden; }
.land-app-camera {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1-5);
  padding: var(--space-1-5) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--primary-soft);
  color: var(--primary-text);
  font-weight: 600;
}
.land-app-done {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.land-app-done > i { color: var(--primary-text); }
.land-app-done > i:last-child { color: var(--success); }
.land-paths { display: grid; gap: var(--space-3); }
.land-paths-title {
  margin: 0;
  color: var(--ground-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.land-paths-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.land-path {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: var(--space-2);
  padding: var(--space-5);
  color: var(--text);
  text-decoration: none;
}
.land-path + .land-path { border-inline-start: 1px solid var(--border); }
.land-path > i:first-child {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  margin-bottom: var(--space-1);
  border-radius: var(--radius-round);
  border: 1px solid color-mix(in srgb, var(--accent-fill) 55%, transparent);
  background: color-mix(in srgb, var(--accent-fill) 14%, var(--surface));
  color: var(--accent-ink);
  font-size: var(--text-lg);
}
.land-path > b { font-size: var(--text-lg); line-height: 1.35; transition: color var(--dur-2) var(--ease-out); }
.land-path > span:not(.land-path-go) { color: var(--muted); font-size: var(--text-base); line-height: 1.55; }
.land-path-go {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  margin-top: var(--space-1);
  color: var(--primary-text);
  font-weight: 600;
}
.land-path-go i { transition: transform var(--dur-2) var(--ease-out); }
.land-path:hover > b { color: var(--primary-text); }
@media (hover: hover) {
.land-path:hover .land-path-go i { transform: translateX(var(--space-1)); }
}
@media (max-width: 767.98px) {
.land-paths-row { grid-template-columns: minmax(0, 1fr); }
.land-path {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: var(--space-3);
    row-gap: var(--space-1);
    padding: var(--space-4);
  }
.land-path + .land-path { border-inline-start: 0; border-top: 1px solid var(--border); }
.land-path > i:first-child { grid-row: span 2; margin-bottom: 0; }
.land-path > b { font-size: var(--text-base); }
.land-path > span:not(.land-path-go) { grid-column: 2; font-size: var(--text-md); }
.land-path-go {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
    font-size: 0;
  }
.land-path-go i { font-size: var(--text-lg); }
}
.land-proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: var(--space-5) 0;
  list-style: none;
  border-block: 1px solid var(--ground-line);
  color: var(--ground-ink-muted);
  font-size: var(--text-base);
}
.land-proof li { display: flex; align-items: flex-start; gap: var(--space-3); }
.land-proof li > i,
.land-trust-row i {
  flex: none;
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-round);
  border: 1px solid var(--ground-line);
  background: var(--ground-shade);
  color: var(--ground-accent);
  font-size: var(--text-lg);
}
.land-proof li > span { display: grid; gap: var(--space-1-5); line-height: 1.5; text-wrap: pretty; }
.land-proof b {
  color: var(--ground-ink);
  font-size: var(--text-lg);
  font-weight: 700;
}
.land-proof-was,
.land-proof-now { display: flex; align-items: baseline; gap: var(--space-2); }
.land-proof-was > i,
.land-proof-now > i { flex: none; font-size: var(--text-sm); }
.land-proof-was { color: var(--ground-ink-muted); }
.land-proof-now { color: var(--ground-ink); font-weight: 600; }
.land-proof-now > i { color: var(--ground-accent); }
.land-head { display: grid; gap: var(--space-2); margin-bottom: var(--space-5); max-width: 46rem; }
.land-kicker {
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ground-accent);
}
.land-kicker a {
  color: var(--ground-accent);
  text-decoration-color: var(--ground-line);
  text-underline-offset: .25em;
}
.land-kicker a:hover { color: var(--ground-ink); text-decoration-color: currentColor; }
.land-kicker a:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}
.land-h2 {
  margin: 0;
  font-size: var(--display-section);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: balance;
  color: var(--ground-ink);
}
.land-sub { margin: 0; color: var(--ground-ink-muted); font-size: var(--text-lg); line-height: 1.6; }
.land-close .land-h2 { color: var(--text); }
.land-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: var(--space-4);
}
@media (min-width: 577px) and (max-width: 900px) {
.land-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.land-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 901px) {
.land-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.land-grid > * { grid-column: span 2; }
.land-grid > :nth-last-child(2):nth-child(3n+1),
  .land-grid > :last-child:nth-child(3n+2) { grid-column: span 3; }
.land-grid > :last-child:nth-child(3n+1) { grid-column: 1 / -1; }
.land-grid:has(> :nth-child(4)):has(> :last-child:nth-child(3n+1)) > :nth-last-child(-n+4) {
    grid-column: span 3;
  }
}
.land-card {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  transition: transform var(--dur-2) var(--ease-out),
              box-shadow var(--dur-2) var(--ease-out),
              border-color var(--dur-2) var(--ease-out);
}
@media (hover: hover) {
.land-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-line);
  }
}
.pub-door-icon,
.land-card > i,
.pub-svc-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-round);
  border: 1px solid color-mix(in srgb, var(--accent-fill) 55%, transparent);
  background: color-mix(in srgb, var(--accent-fill) 14%, var(--surface));
  box-shadow: 0 0 0 var(--space-1) color-mix(in srgb, var(--accent-fill) 8%, transparent);
  color: var(--accent-ink);
  font-size: var(--text-xl);
  margin-bottom: var(--space-2);
}
.land-card b { font-size: var(--text-lg); line-height: 1.35; }
:lang(en) .land-card b { min-width: 0; hyphens: auto; }
.land-card span { color: var(--muted); font-size: var(--text-base); line-height: 1.55; }
.land-card:has(> .land-card-more) { grid-template-rows: auto auto 1fr auto; }
.land-card .land-card-more {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  margin-top: var(--space-2);
  color: var(--primary-text);
  font-weight: 600;
}
.land-card-more i { transition: transform var(--dur-2) var(--ease-out); }
a.land-card:focus-visible .land-card-more i { transform: translateX(var(--space-1)); }
@media (hover: hover) {
a.land-card:hover .land-card-more i { transform: translateX(var(--space-1)); }
}
a.land-card { color: var(--text); text-decoration: none; }
a.land-card:hover b { color: var(--primary-text); }
a.land-card:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.land-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: land-step;
}
.land-step {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-2);
  counter-increment: land-step;
  color: var(--ground-ink);
}
.land-step::before {
  content: counter(land-step);
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  margin-bottom: var(--space-2);
  border-radius: var(--radius-round);
  border: 1px solid transparent;
  background: var(--shell);
  color: var(--shell-ink);
  box-shadow: var(--shadow-md);
  font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
  font-size: var(--text-lg);
  font-weight: 700;
}
.land-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: calc(3rem + var(--space-3));
  right: calc(var(--space-3) - var(--space-5));
  height: 1px;
  background: var(--ground-line);
}
.land-step b { color: var(--ground-ink); font-size: var(--text-lg); }
.land-step span {
  max-width: 22rem;
  color: var(--ground-ink-muted);
  font-size: var(--text-base);
  line-height: 1.6;
}
.land-steps[data-ku="2"] > .land-step:nth-child(1)::before,
.land-steps[data-ku="3"] > .land-step:nth-child(-n + 2)::before {
  content: "\f272";
  font-family: "bootstrap-icons";
  font-weight: 400;
}
.land-steps[data-ku="2"] > .land-step:nth-child(1)::after,
.land-steps[data-ku="3"] > .land-step:nth-child(-n + 2)::after { background: var(--shell); }
.land-steps[data-ku="1"] > .land-step:nth-child(1)::before,
.land-steps[data-ku="2"] > .land-step:nth-child(2)::before,
.land-steps[data-ku="3"] > .land-step:nth-child(3)::before {
  outline: 2px solid var(--shell);
  outline-offset: 3px;
}
.land-step-tag {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  padding: 0 var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--shell);
  color: var(--shell-ink);
  font-size: var(--text-xs);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.7;
  text-transform: uppercase;
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.land-how > .land-steps:not([data-ku]) { view-timeline: --hapat block; }
.land-how > .land-steps:not([data-ku]) > .land-step:not(:last-child)::after {
      background-image: linear-gradient(var(--shell), var(--shell));
      background-repeat: no-repeat;
      background-size: 0% 100%;
      animation-name: hapatVija;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --hapat;
      animation-range: cover 25% cover 40%;
    }
.land-how > .land-steps:not([data-ku]) > .land-step:nth-child(2)::after { animation-range: cover 40% cover 55%; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 767.98px) {
.land-how > .land-steps:not([data-ku]) > .land-step:not(:last-child)::after { background-size: 100% 0%; }
}
}
@keyframes hapatVija { to { background-size: 100% 100%; } }
.land-tour { display: grid; gap: var(--space-7); }
.land-tour > .land-head { margin-bottom: 0; }
.land-video {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  margin: 0;
}
.land-video-player {
  display: block;
  width: 100%;
  max-width: 64rem;
  height: auto;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--ground-line);
  border-radius: var(--radius-lg);
  background: var(--ground-shade) center / cover no-repeat;
  box-shadow: var(--shadow-lg);
}
.land-video-kompjuter { background-image: var(--tur-kopertina); }
.land-video-telefon { background-image: var(--tur-kopertina-telefon); }
.land-video-telefon { display: none; }
@media (max-width: 767.98px) {
.land-video-kompjuter { display: none; }
.land-video-telefon {
    display: block;
    width: min(100%, 20rem, calc((100svh - var(--topbar-h) - var(--pub-bar-h) - var(--space-7)) * .4621));
    max-width: none;
    aspect-ratio: 720 / 1558;
    border: var(--space-2) solid var(--night-deep);
    border-radius: var(--radius-xl);
    background-color: var(--night-deep);
  }
}
.land-video figcaption {
  color: var(--ground-ink-muted);
  font-size: var(--text-base);
  text-align: center;
}
.land-video-text { margin-top: var(--space-2); }
.land-video-text summary {
  cursor: pointer;
  color: var(--ground-ink);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--ground-line);
  text-underline-offset: .22em;
}
.land-video-text summary:hover { text-decoration-color: currentColor; }
.land-video-text summary:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
  text-decoration-color: currentColor;
}
.land-video-text ol {
  max-width: 40rem;
  margin: var(--space-3) auto 0;
  padding-inline-start: 1.4em;
  text-align: start;
  line-height: 1.6;
}
.land-try {
  margin: 0;
  color: var(--ground-ink-muted);
  font-size: var(--text-base);
  text-align: center;
}
.land-try a {
  color: var(--ground-ink);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--ground-line);
  text-underline-offset: .22em;
}
.land-try a:hover,
.land-try a:focus-visible { text-decoration-color: currentColor; }
.land-try a i { margin-inline-start: var(--space-1); }
.land-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(var(--space-5), 4vw, var(--space-7));
  margin: 0;
}
.land-row figcaption,
.land-row-copy {
  display: grid;
  justify-items: start;
  gap: var(--space-3);
  color: var(--ground-ink-muted);
}
.land-row .land-shot { border-color: var(--ground-line); }
.land-row-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--ground-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.land-row-title {
  margin: 0;
  color: var(--ground-ink);
  font-size: var(--display-sm);
  font-weight: 700;
  letter-spacing: -.01em;
  text-wrap: balance;
}
.land-row p {
  margin: 0;
  max-width: 34rem;
  color: var(--ground-ink-muted);
  font-size: var(--text-lg);
  line-height: 1.6;
}
.land-ticks {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
  color: var(--ground-ink);
}
.land-ticks li { display: flex; align-items: baseline; gap: var(--space-2); }
.land-ticks i { color: var(--ground-success); }
.land-mock {
  position: relative;
  justify-self: center;
  width: 100%;
  max-width: 26rem;
  padding: var(--space-5) var(--space-6) var(--space-7) 0;
}
.land-mock-card {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-xl);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-lg);
}
.land-mock-head { display: flex; align-items: center; gap: var(--space-2); }
.land-mock-head i { color: var(--primary-text); }
.land-mock-cal {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--space-1-5);
}
.land-mock-cal span {
  aspect-ratio: 5 / 4;
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
}
.land-mock-list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
}
.land-mock-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
}
.land-mock-dot {
  width: .625rem;
  height: .625rem;
  border-radius: var(--radius-round);
}
.land-mock-cal .is-done,
.land-mock-dot.is-done { background: var(--success-fill); }
.land-mock-cal .is-soon,
.land-mock-dot.is-soon { background: var(--warning-fill); }
.land-mock-cal .is-plan,
.land-mock-dot.is-plan { background: var(--primary); }
.land-mock-toast { right: 0; bottom: 0; }
.land-tab-bar { display: none; }
@supports selector(:has(*)) {
.land-tab-bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
.land-tabs .land-tab { display: none; transition: opacity var(--dur-3) var(--ease-out); }
.land-tabs:has(input[value="dokumentet"]:checked) .land-tab-dokumentet,
  .land-tabs:has(input[value="afatet"]:checked) .land-tab-afatet,
  .land-tabs:has(input[value="raportet"]:checked) .land-tab-raportet,
  .land-tabs:has(input[value="biseda"]:checked) .land-tab-biseda { display: grid; }
@starting-style { .land-tabs .land-tab { opacity: 0; } }
}
.land-tabs { display: grid; gap: var(--space-6); }
@media screen and (min-width: 768px) {
.land-tabs:has(input:checked) .land-tab {
    display: grid;
    grid-area: 2 / 1;
    align-content: start;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--dur-3) var(--ease-out), visibility var(--dur-3) var(--ease-out);
  }
.land-tabs:has(input[value="dokumentet"]:checked) .land-tab-dokumentet,
  .land-tabs:has(input[value="afatet"]:checked) .land-tab-afatet,
  .land-tabs:has(input[value="raportet"]:checked) .land-tab-raportet,
  .land-tabs:has(input[value="biseda"]:checked) .land-tab-biseda { visibility: visible; opacity: 1; }
}
@media screen and (min-width: 901px) {
.land-tabs:has(input:checked) .land-tab { align-content: center; }
}
.land-tab-btn {
  position: relative;
  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(--border);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out),
              border-color var(--dur-2) var(--ease-out);
}
.land-tab-btn input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.land-tab-btn i { color: var(--primary-text); }
.land-tab-btn:hover { border-color: var(--primary-line); }
.land-tab-btn:has(input:checked) {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-contrast);
}
.land-tab-btn:has(input:checked) i { color: currentColor; }
.land-tab-btn:has(input:focus-visible) { outline: 2px solid var(--primary); outline-offset: 3px; }
@media (max-width: 576px) {
.land-tab-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.land-tab-btn { padding-inline: var(--space-2); }
.land-tab-btn i { display: none; }
.land-tab-bar:has(> .land-tab-btn:nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 577px) and (max-width: 659.98px) {
.land-tab-bar:has(> .land-tab-btn:nth-child(4)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print {
.land-tab-bar { display: none !important; }
.land-tabs .land-tab { display: grid !important; }
}
.land-lit .land-row figcaption,
.land-lit .land-row-copy,
.land-lit .land-row p { color: var(--muted); }
.land-lit .land-row-label { color: var(--accent-ink); }
.land-lit .land-row-title,
.land-lit .land-ticks { color: var(--text); }
.land-lit .land-ticks i { color: var(--success); }
.land-lit .land-row .land-shot { border-color: var(--border); }
.land-lit .land-more,
.land-faq .land-more { color: var(--accent-ink); text-decoration-color: var(--border); }
.land-lit .land-more:hover,
.land-lit .land-more:focus-visible,
.land-faq .land-more:hover,
.land-faq .land-more:focus-visible { color: var(--text); text-decoration-color: currentColor; }
.land-lit .land-more:focus-visible,
.land-faq .land-more:focus-visible { outline-color: var(--primary); }
.land-platform > .land-more,
.land-trust-strip > .land-more { justify-self: start; margin-top: 0; }
.land-lit .land-try { color: var(--muted); text-align: start; }
.land-lit .land-try a { color: var(--text); text-decoration-color: var(--border); }
.land-trust {
  display: grid;
  gap: var(--space-6);
  padding: clamp(var(--space-5), 3.4vw, var(--space-7));
  border-radius: var(--radius-xl);
  color: rgba(255,255,255,.92);
  background:
    radial-gradient(110% 140% at 0% 0%, rgba(34,211,238,.14), transparent 58%),
    linear-gradient(140deg, rgba(23,26,72,1) 0%, rgba(16,18,52,1) 60%, rgba(11,13,38,1) 100%);
  box-shadow: var(--shadow-lg);
}
.land-trust-head { display: grid; gap: var(--space-2); max-width: 46rem; }
.land-trust-kicker {
  color: var(--ground-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.land-trust-title {
  margin: 0;
  color: rgba(255,255,255,.96);
  font-size: var(--display-section);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.land-trust-head p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: var(--text-lg);
  line-height: 1.6;
}
.land-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
}
.land-trust-item {
  display: grid;
  gap: var(--space-1);
  align-content: start;
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255,255,255,.14);
}
.land-trust-item i {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  margin-bottom: var(--space-2);
  border-radius: var(--radius-round);
  border: 1px solid rgba(255,255,255,.18);
  color: var(--warning-fill);
  font-size: var(--text-lg);
}
.land-trust-item b { font-size: var(--text-lg); }
.land-trust-item span { color: rgba(255,255,255,.72); font-size: var(--text-base); line-height: 1.55; }
.land-trust-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-5) var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.land-trust-row li {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  font-size: var(--text-base);
  font-weight: 700;
  line-height: 1.35;
}
@media (max-width: 1100px) {
.land-trust-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 576px) {
.land-trust-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.land-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.land-person { display: grid; align-content: start; gap: var(--space-1); }
.land-person-photo {
  width: 100%;
  max-width: 16rem;
  height: auto;
  aspect-ratio: 1;
  margin-bottom: var(--space-3);
  border-radius: var(--radius-xl);
  object-fit: cover;
  background: var(--surface-sunken);
  box-shadow: var(--shadow-md);
}
.land-person-initials {
  display: grid;
  place-items: center;
  background: var(--grad-primary);
  color: var(--primary-contrast);
  font-family: 'Sora Variable', 'Inter Variable', Inter, sans-serif;
  font-size: var(--display-md);
  font-weight: 700;
}
.land-person b { color: var(--text); font-size: var(--text-lg); }
.land-person-role { color: var(--muted); }
.land-person .land-person-title {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  color: var(--text);
  font-size: var(--text-md);
  font-weight: 600;
}
.land-person-title i { color: var(--success); }
.land-quotes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: var(--space-4);
}
.land-quote {
  position: relative;
  display: grid;
  align-content: space-between;
  gap: var(--space-4);
  margin: 0;
  padding: var(--space-7) var(--space-5) var(--space-5);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
}
.land-quote::before {
  content: "\201C";
  position: absolute;
  top: var(--space-2);
  left: var(--space-5);
  font-family: 'Sora Variable', 'Inter Variable', Inter, sans-serif;
  font-size: var(--display-lg);
  line-height: 1;
  color: var(--accent);
}
.land-quote blockquote { margin: 0; }
.land-quote p { margin: 0; color: var(--text); font-size: var(--text-lg); line-height: 1.6; }
.land-quote figcaption { display: grid; }
.land-quote figcaption b { color: var(--text); }
.land-quote figcaption span { color: var(--muted); font-size: var(--text-md); }
.land-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-5) var(--space-6);
  margin: var(--space-5) 0 0;
  padding: var(--space-5);
  list-style: none;
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.land-logos li {
  display: grid;
  place-items: center;
  width: 9rem;
  height: 3rem;
}
.land-logos img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  filter: grayscale(1);
  opacity: .72;
  transition: filter var(--dur-2) var(--ease-out), opacity var(--dur-2) var(--ease-out);
}
.land-logos li:hover img { filter: none; opacity: 1; }
.pub-calc-row { display: flex; gap: var(--space-2); max-width: 28rem; }
.pub-calc-row .form-control { min-width: 0; }
.pub-calc-row .btn { flex: none; white-space: nowrap; }
.pub-calc-result {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--border);
}
.pub-calc-net {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
  margin: 0;
  color: var(--muted);
}
.pub-calc-net b {
  color: var(--text);
  font-family: 'Sora Variable', 'Inter Variable', Inter, sans-serif;
  font-size: var(--display-md);
  font-variant-numeric: tabular-nums;
}
.pub-calc-h { margin: var(--space-3) 0 0; font-size: var(--text-base); font-weight: 700; }
.pub-calc-lines { display: grid; margin: 0; }
.pub-calc-lines > div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border);
}
.pub-calc-lines dt { color: var(--muted); font-weight: 400; }
.pub-calc-lines dd { margin: 0; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pub-calc-lines > .is-total { border-bottom: 0; }
.pub-calc-lines > .is-total dt,
.pub-calc-lines > .is-total dd { color: var(--text); font-weight: 700; }
.pub-afat {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
  gap: var(--space-4);
  align-items: start;
}
.pub-afat-row { align-items: stretch; }
.pub-afat-month { padding: var(--space-4); }
.pub-afat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.pub-afat-title { margin: 0; font-size: var(--text-lg); color: var(--text); }
.pub-afat-list,
.pub-afat-later { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pub-afat-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
.pub-afat-date {
  display: grid;
  justify-items: center;
  min-width: 3.5rem;
  padding: var(--space-1-5) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--primary-soft);
  color: var(--primary-text);
  line-height: 1.15;
}
.pub-afat-date b {
  font-family: 'Sora Variable', 'Inter Variable', Inter, sans-serif;
  font-size: var(--text-xl);
  font-variant-numeric: tabular-nums;
}
.pub-afat-date span { font-size: var(--text-xs); font-weight: 600; }
.pub-afat-name { margin: 0; font-size: var(--text-base); color: var(--text); }
.pub-afat-meta,
.pub-afat-desc,
.pub-afat-moved { margin: var(--space-1) 0 0; font-size: var(--text-sm); color: var(--muted); }
.pub-afat-moved { display: flex; align-items: baseline; gap: var(--space-1-5); }
.pub-afat-moved i { color: var(--primary-text); }
.pub-afat-none { margin: 0; color: var(--muted); }
.pub-afat-item.is-kaloi { background: var(--surface-muted); }
.pub-afat-item.is-kaloi .pub-afat-date { background: var(--surface); color: var(--muted); }
.pub-afat-item.is-kaloi .pub-afat-name { color: var(--muted); }
.pub-afat-item.is-sot { border-color: var(--warning); }
.pub-afat-later li {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  align-items: baseline;
  gap: var(--space-1) var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border);
  color: var(--muted);
}
.pub-afat-later li:last-child { padding-bottom: 0; border-bottom: 0; }
.pub-afat-later time { color: var(--primary-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.pub-afat-later b { color: var(--text); }
.pub-afat-sub { display: grid; gap: var(--space-3); }
.pub-afat-sub p { margin: 0; color: var(--muted); }
.pub-afat-sub .land-cta { margin: 0; }
.pub-afat-hint { font-size: var(--text-sm); color: var(--muted); }
.pub-afat-url { font-family: 'JetBrains Mono Variable', ui-monospace, monospace; font-size: var(--text-sm); }
@media (max-width: 575.98px) {
.pub-afat-item { grid-template-columns: auto minmax(0, 1fr); }
.pub-afat-when { grid-column: 2; justify-self: start; }
.pub-afat-later li { grid-template-columns: minmax(0, 1fr); }
}
.pub-split .page-main > .pub-card { margin-inline: 0; }
.pub-krye:has(> .pub-krye-view) { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); }
.pub-krye-view { display: grid; justify-items: center; gap: var(--space-4); margin: 0; }
.pub-krye-view-art { display: grid; place-items: center; width: 100%; }
.pub-krye-view-art .pm { width: 100%; max-width: 26rem; box-shadow: var(--shadow-lg); }
.pub-krye-view figcaption {
  max-width: 26rem;
  color: var(--ground-ink-muted);
  font-size: var(--text-md);
  line-height: 1.55;
  text-align: center;
}
.pub-krye-view-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  margin-inline-end: var(--space-2);
  color: var(--ground-accent);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
.pub-krye:has(> .pub-krye-view) { grid-template-columns: minmax(0, 1fr); }
}
.pub-krye:has(> .pub-krye-nav) { grid-template-columns: minmax(0, 1fr) minmax(0, 28rem); }
.pub-krye-nav { display: grid; gap: var(--space-3); }
.pub-krye-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}
.pub-krye-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--ground-line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--ground-ink) 7%, transparent);
  color: var(--ground-ink);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);
}
.pub-krye-link i { flex: none; color: var(--ground-accent); font-size: var(--text-lg); }
.pub-krye-link:last-child:nth-child(odd) { grid-column: 1 / -1; }
.pub-krye-link:hover,
.pub-krye-link:focus-visible {
  border-color: color-mix(in srgb, var(--ground-ink) 50%, transparent);
  background: var(--ground-wash);
}
.pub-krye-link:focus-visible { outline: 2px solid var(--ground-ink); outline-offset: 2px; }
@media (max-width: 991.98px) {
.pub-krye:has(> .pub-krye-nav) { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
.pub-krye-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pub-krye-links:has(> .pub-krye-link:nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pub-krye-link:last-child:nth-child(odd) { grid-column: auto; }
.pub-krye-link:nth-child(n+5):last-child:nth-child(3n+1) { grid-column: 1 / -1; }
.pub-krye-link:nth-child(n+5):last-child:nth-child(3n+2) { grid-column: span 2; }
}
@media (min-width: 768px) {
.pub-krye-links { grid-auto-rows: 1fr; }
}
.pub-krye:has(> .pub-ruaj) { grid-template-columns: minmax(0, 1fr) minmax(0, 34rem); }
.pub-krye > .pub-ruaj { box-shadow: var(--shadow-lg); }
.pub-krye > .pub-ruaj .pub-ruaj-qr { min-height: 0; }
.pub-ruaj.pub-ruaj-telefon { display: none; }
@media (max-width: 1099.98px) {
.pub-krye:has(> .pub-ruaj) { grid-template-columns: minmax(0, 1fr); }
.pub-krye > .pub-ruaj { width: min(100%, 34rem); }
}
@media screen and (max-width: 767.98px) {
.pub-krye > .pub-ruaj { display: none; }
.pub-ruaj.pub-ruaj-telefon { display: grid; }
}
@media screen and (min-width: 992px) and (max-height: 800px) {
.pub-krye:has(> .pub-ruaj) { padding-block: var(--space-5); }
.pub-krye > .pub-ruaj .pub-ruaj-qr { gap: var(--space-1); padding: var(--space-3); }
.pub-krye > .pub-ruaj .pub-ruaj-qr svg { width: 9.5rem; height: 9.5rem; }
.pub-krye > .pub-ruaj .pub-ruaj-text p { margin-bottom: var(--space-3); }
}
.land-mock-dot.is-late { background: var(--danger-fill); }
.pm {
  display: grid;
  gap: var(--space-4);
  width: 100%;
  max-width: 26rem;
  padding: var(--space-4) var(--space-4) var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
  font-size: var(--text-sm);
}
.pm-head { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-md); }
.pm-head i { color: var(--primary-text); }
.pm-sheets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pm-sheet { display: grid; justify-items: center; align-content: start; gap: var(--space-2); text-align: center; }
.pm-paper {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-1-5);
  width: 100%;
  max-width: 6.5rem;
  aspect-ratio: 3 / 4;
  padding: var(--space-3) var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.pm-paper > span { height: .375rem; border-radius: var(--radius-pill); background: var(--surface-sunken); }
.pm-paper > span:first-child { width: 70%; background: var(--primary-line); }
.pm-paper > span:nth-child(2) { width: 92%; }
.pm-paper > span:nth-child(3) { width: 80%; }
.pm-paper > span:nth-child(4) { width: 58%; }
.pm-seal {
  position: absolute;
  inset-inline-end: calc(-1 * var(--space-2));
  bottom: calc(-1 * var(--space-2));
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: 2px solid currentColor;
  border-radius: var(--radius-round);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  font-size: var(--text-lg);
  transform: rotate(-12deg);
}
.pm-sheet.is-done .pm-seal { color: var(--success); }
.pm-sheet.is-soon .pm-seal { color: var(--warning); }
.pm-sheet-name { margin-top: var(--space-1); font-size: var(--text-xs); font-weight: 600; line-height: 1.3; }
.pm-fan { --pm-zhvendosja: 55%; position: relative; height: 10.5rem; }
.pm-inv {
  position: absolute;
  top: var(--space-2);
  left: 50%;
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  width: 9.5rem;
  padding: var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-md);
  transform-origin: 50% 130%;
}
.pm-inv b { font-size: var(--text-xs); }
.pm-inv:nth-child(1) { transform: translateX(-50%) rotate(-12deg) translateX(calc(-1 * var(--pm-zhvendosja))); }
.pm-inv:nth-child(2) {
  justify-items: end;
  text-align: end;
  transform: translateX(-50%) rotate(12deg) translateX(var(--pm-zhvendosja));
}
.pm-inv:nth-child(2) .pm-bars span { justify-self: end; }
.pm-inv:nth-child(2) .pm-bars span:last-child { justify-self: start; }
.pm-inv:nth-child(3) { transform: translateX(-50%) translateY(var(--space-3)); }
.pm-bars { display: grid; gap: var(--space-1-5); width: 100%; }
.pm-bars span { height: .375rem; border-radius: var(--radius-pill); background: var(--surface-sunken); }
.pm-bars span:first-child { width: 86%; }
.pm-bars span:nth-child(2) { width: 64%; }
.pm-bars span:last-child { width: 40%; justify-self: end; background: var(--primary-line); }
.pm-team { display: flex; align-items: center; padding-inline-start: var(--space-2); }
.pm-team .pm-face + .pm-face { margin-inline-start: calc(-1 * var(--space-2)); }
.pm-face {
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 2px solid var(--surface);
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--primary) 14%, var(--surface));
  color: var(--primary-text);
  font-size: var(--text-base);
}
.pm-team .pm-face:nth-child(2) { background: color-mix(in srgb, var(--accent-fill) 24%, var(--surface)); color: var(--accent-ink); }
.pm-team .pm-face:nth-child(3) { background: color-mix(in srgb, var(--success-fill) 18%, var(--surface)); color: var(--success); }
.pm-team .pm-face:nth-child(4) { background: var(--surface-sunken); color: var(--muted); }
.pm-face.is-new { background: color-mix(in srgb, var(--warning-fill) 20%, var(--surface)); color: var(--warning); }
.pm-rows { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pm-rows li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.pm-rows li.is-new {
  border-color: color-mix(in srgb, var(--warning-fill) 45%, transparent);
  background: color-mix(in srgb, var(--warning-fill) 7%, var(--surface));
}
.pm-rows .pm-face { width: 2rem; height: 2rem; border: 0; font-size: var(--text-sm); }
.pm-month { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); }
.pm-month-name { font-weight: 600; }
.pm-month-bar {
  grid-column: 1 / -1;
  height: .5rem;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
}
.pm-month-bar span { display: block; width: 62%; height: 100%; border-radius: inherit; background: var(--grad-primary); }
.pm-search {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-muted);
  color: var(--muted);
}
.pm-folders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pm-folders li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-weight: 600;
}
.pm-folders i {
  flex: none;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--primary) 12%, var(--surface));
  color: var(--primary-text);
}
@media screen and (max-width: 359.98px) {
.pm-folders li { gap: var(--space-1-5); padding: var(--space-1-5); }
.pm-folders i { width: 1.5rem; height: 1.5rem; }
}
.pm-toast {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  justify-self: end;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
.pm-toast i { color: var(--success); font-size: var(--text-lg); }
.pm-toast span { display: grid; }
.pm-toast small { color: var(--muted); font-size: var(--text-xs); }
.pm-legend { display: flex; gap: var(--space-3); color: var(--muted); font-size: var(--text-xs); font-weight: 600; }
.pm-legend span { display: inline-flex; align-items: center; gap: var(--space-1-5); }
.pm-legend span::before {
  content: "";
  width: .625rem;
  height: .625rem;
  border-radius: var(--radius-xs);
  background: var(--pm-ngjyra);
}
.pm-legend .is-in,
.pm-col i:first-child { --pm-ngjyra: var(--primary); }
.pm-legend .is-out,
.pm-col i:last-child { --pm-ngjyra: var(--accent-fill); }
.pm-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  gap: var(--space-2);
  height: 8rem;
  padding-inline: var(--space-1);
  border-bottom: 1px solid var(--border);
}
.pm-col { display: flex; align-items: flex-end; justify-content: center; gap: var(--space-0); height: 100%; }
.pm-col i {
  width: 38%;
  height: var(--pm-h);
  border-radius: var(--radius-xs) var(--radius-xs) 0 0;
  background: color-mix(in srgb, var(--pm-ngjyra) 40%, var(--surface));
}
.pm-col.is-now i { background: var(--pm-ngjyra); }
.pm-col:nth-child(1) i:first-child { --pm-h: 48%; }
.pm-col:nth-child(1) i:last-child { --pm-h: 30%; }
.pm-col:nth-child(2) i:first-child { --pm-h: 56%; }
.pm-col:nth-child(2) i:last-child { --pm-h: 36%; }
.pm-col:nth-child(3) i:first-child { --pm-h: 52%; }
.pm-col:nth-child(3) i:last-child { --pm-h: 40%; }
.pm-col:nth-child(4) i:first-child { --pm-h: 66%; }
.pm-col:nth-child(4) i:last-child { --pm-h: 38%; }
.pm-col:nth-child(5) i:first-child { --pm-h: 72%; }
.pm-col:nth-child(5) i:last-child { --pm-h: 44%; }
.pm-col:nth-child(6) i:first-child { --pm-h: 88%; }
.pm-col:nth-child(6) i:last-child { --pm-h: 46%; }
.pm-trend { justify-self: start; }
.pm-trend i { margin-inline-end: var(--space-1); }
.pm-msgs { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pm-msg {
  display: grid;
  justify-items: start;
  justify-self: start;
  gap: var(--space-1-5);
  max-width: 86%;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);
  background: var(--surface-muted);
  line-height: 1.45;
}
.pm-msg.is-mine {
  justify-items: end;
  justify-self: end;
  text-align: end;
  border-color: var(--primary-line);
  border-radius: var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);
  background: color-mix(in srgb, var(--primary) 9%, var(--surface));
}
.pm-file {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  font-weight: 600;
}
.pm-file i { color: var(--primary-text); }
.pm-seen { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--text); font-size: var(--text-xs); }
.pm-seen i { color: var(--success); }
.land-mock > .pm { box-shadow: var(--shadow-lg); }
.land-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas:
    "paneli paneli telefoni"
    "kerkesat hyrjet bizneset";
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.land-bento-grid:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: var(--radius-lg); }
.land-tile-paneli { grid-area: paneli; }
.land-tile-telefoni { grid-area: telefoni; }
.land-tile-kerkesat { grid-area: kerkesat; }
.land-tile-hyrjet { grid-area: hyrjet; }
.land-tile-bizneset { grid-area: bizneset; }
.land-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: var(--space-4);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
}
.land-tile-paneli {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  grid-template-rows: none;
  column-gap: var(--space-5);
}
.land-tile-paneli .land-tile-text { align-content: center; }
.land-tile-text { display: grid; align-content: start; justify-items: start; gap: var(--space-2); }
.land-tile-title {
  margin: 0;
  color: var(--text);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
}
.land-tile-text p { margin: 0; color: var(--muted); line-height: 1.55; }
.land-tile-art {
  display: grid;
  place-items: center;
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
}
.land-tile-art .pm { max-width: 22rem; padding: var(--space-3) var(--space-3) var(--space-4); }
.pm-phone {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: var(--space-3);
  width: 100%;
  max-width: 11rem;
  padding: var(--space-5) var(--space-2) var(--space-4);
  border: var(--space-1-5) solid var(--night-deep);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-md);
  color: var(--text);
}
.pm-phone-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-md);
  font-size: var(--text-xs);
  line-height: 1.3;
}
.pm-phone-note > i { color: var(--warning); font-size: var(--text-md); }
.pm-phone-bar {
  display: block;
  width: 80%;
  height: .375rem;
  margin-top: var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
}
.pm-phone-id {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: var(--space-3);
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--primary) 12%, var(--surface));
  color: var(--primary-text);
  font-size: var(--text-2xl);
}
.pm-phone-cap { color: var(--text); font-size: var(--text-xs); text-align: center; line-height: 1.3; }
.pm-pill {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: var(--space-1-5);
  padding: var(--space-1-5) var(--space-3);
  border: 1px solid var(--primary-line);
  border-radius: var(--radius-pill);
  color: var(--primary-text);
  font-weight: 600;
}
.pm-biz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.pm-biz > span {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--muted);
}
.pm-biz > span.is-on {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 8%, var(--surface));
  color: var(--primary-text);
}
.pm-biz-bar { flex: 1; height: .375rem; border-radius: var(--radius-pill); background: var(--surface-sunken); }
.pm-line { display: block; width: 72%; height: .375rem; border-radius: var(--radius-pill); background: var(--surface-sunken); }
.pm-biz > .is-on .pm-biz-bar { background: var(--primary-line); }
.land-tile-art .pm-paneli { max-width: 26rem; gap: var(--space-3); }
.pm-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pm-kpis li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-top: 3px solid var(--primary);
  border-radius: var(--radius);
}
.pm-kpi-name {
  color: var(--muted);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.3;
  text-transform: uppercase;
}
.pm-kpi-icon {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--primary-line);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--primary) 8%, var(--surface));
  color: var(--primary-text);
}
.pm-kpis .chip { grid-column: 1 / -1; justify-self: start; }
.pm-afatet {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.pm-afatet > b { display: flex; align-items: center; gap: var(--space-2); }
.pm-afatet > b i { color: var(--primary-text); }
.pm-afatet-rows { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pm-afatet-rows li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
}
.pm-date { width: 2.5rem; height: 1rem; border-radius: var(--radius-sm); background: var(--surface-sunken); }
.pm-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-2);
  padding: var(--space-3);
  border: 2px solid color-mix(in srgb, var(--warning-fill) 70%, transparent);
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--warning-fill) 7%, var(--surface));
}
.pm-note > i { color: var(--warning); font-size: var(--text-md); }
.pm-note > span { display: grid; gap: var(--space-1-5); }
.pm-note .pm-line + .pm-line { width: 48%; }
@media screen and (max-width: 767.98px) {
.pm-paneli .pm-afatet,
  .pm-kpi-icon { display: none; }
}
@media screen and (max-width: 359.98px) {
.pm-kpis { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.land-bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "paneli paneli"
      "telefoni kerkesat"
      "hyrjet bizneset";
  }
}
@media screen and (max-width: 767.98px) {
.land-bento-grid {
    grid-template-columns: none;
    grid-template-areas: none;
    grid-auto-flow: column;
    grid-auto-columns: min(84%, 22rem);
    gap: var(--space-3);
    margin-inline: calc(-1 * var(--land-gutter));
    padding: var(--space-1) var(--land-gutter) var(--space-3);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--land-gutter);
  }
.land-tile { grid-area: auto; scroll-snap-align: start; }
.land-tile-art { padding: var(--space-2); }
.land-tile-art .pm { padding: var(--space-2) var(--space-2) var(--space-3); }
.land-tile-paneli { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
.land-tile-paneli .land-tile-text { align-content: start; }
}
@supports (scroll-marker-group: after) {
@media screen and (max-width: 767.98px) {
.land-bento-grid { scroll-marker-group: after; }
.land-bento-grid::scroll-marker-group { display: flex; justify-content: center; margin-top: calc(-1 * var(--space-2)); }
.land-tile::scroll-marker {
      content: "";
      width: var(--space-2);
      height: var(--space-2);
      border: calc((44px - var(--space-2)) / 2) solid transparent;
      border-radius: var(--radius-pill);
      background: padding-box var(--faint);
    }
.land-tile::scroll-marker:target-current { width: var(--space-5); background-color: var(--primary); }
}
}
@media screen and (max-width: 359.98px) {
.land-tile-art { padding: var(--space-2); }
.land-tile-art .pm-rows li { grid-template-columns: auto minmax(0, 1fr); }
.land-tile-art .pm-rows li > .chip { grid-column: 2; justify-self: start; }
}
@media (max-width: 576px) {
.pm-fan { height: 12.5rem; }
.pm-inv {
    width: 88%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-2);
    justify-items: start;
    text-align: start;
  }
.pm-inv b { grid-column: 1; grid-row: 1; }
.pm-inv .chip { grid-column: 2; grid-row: 1; }
.pm-inv .pm-bars { grid-column: 1 / -1; }
.pm-inv:nth-child(1) { top: 0; transform: translateX(-50%) rotate(-3deg); }
.pm-inv:nth-child(2) { top: 3.25rem; justify-items: start; text-align: start; transform: translateX(-50%) rotate(2deg); }
.pm-inv:nth-child(3) { top: 6.5rem; transform: translateX(-50%); }
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
.pub-svc-art .pm-fan { height: 12.5rem; }
.pub-svc-art .pm-inv {
    width: 88%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-2);
    justify-items: start;
    text-align: start;
  }
.pub-svc-art .pm-inv b { grid-column: 1; grid-row: 1; }
.pub-svc-art .pm-inv .chip { grid-column: 2; grid-row: 1; }
.pub-svc-art .pm-inv .pm-bars { grid-column: 1 / -1; }
.pub-svc-art .pm-inv:nth-child(1) { top: 0; transform: translateX(-50%) rotate(-3deg); }
.pub-svc-art .pm-inv:nth-child(2) { top: 3.25rem; justify-items: start; text-align: start; transform: translateX(-50%) rotate(2deg); }
.pub-svc-art .pm-inv:nth-child(3) { top: 6.5rem; transform: translateX(-50%); }
}
.pub-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
.pub-tile {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border: 1px solid var(--border);
  border-top: var(--rail) solid var(--accent-fill);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
}
.pub-tile h2 { margin: 0; color: var(--text); font-size: var(--text-lg); font-weight: 700; line-height: 1.35; }
.pub-tile p { margin: 0; color: var(--muted); line-height: 1.65; }
.pub-tile-price { background: var(--surface-muted); }
@media (max-width: 767.98px) {
.pub-tiles { grid-template-columns: minmax(0, 1fr); }
}
@media print {
.pub-tile { break-inside: avoid; box-shadow: none; }
}
.pub-svc-list { display: grid; gap: var(--space-5); }
.pub-svc {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(var(--space-5), 3vw, var(--space-7));
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
  text-decoration: none;
  transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out),
              border-color var(--dur-2) var(--ease-out);
}
.pub-svc:nth-child(even) .pub-svc-art { order: 2; }
@media (hover: hover) {
.pub-svc:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--primary-line); }
}
.pub-svc:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.pub-svc-art {
  display: grid;
  place-items: center;
  min-height: 16rem;
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
}
.pub-svc-text { display: grid; justify-items: start; gap: var(--space-3); padding-block: var(--space-3); }
.pub-svc-title {
  margin: 0;
  color: var(--text);
  font-size: var(--display-sm);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.pub-svc:hover .pub-svc-title { color: var(--primary-text); }
.pub-svc-text p { margin: 0; max-width: 32rem; color: var(--muted); font-size: var(--text-lg); line-height: 1.6; }
.pub-svc-more { display: inline-flex; align-items: center; gap: var(--space-1-5); color: var(--primary-text); font-weight: 600; }
.pub-svc-more i { transition: transform var(--dur-2) var(--ease-out); }
.pub-svc:focus-visible .pub-svc-more i { transform: translateX(var(--space-1)); }
@media (hover: hover) {
.pub-svc:hover .pub-svc-more i { transform: translateX(var(--space-1)); }
}
.pub-price-note {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  max-width: 46rem;
  margin: 0;
  color: var(--ground-ink-muted);
}
.pub-price-note i { color: var(--ground-accent); }
@media (max-width: 767.98px) {
.pub-svc { grid-template-columns: minmax(0, 1fr); }
.pub-svc:nth-child(even) .pub-svc-art { order: 0; }
.pub-svc-text { padding: 0 var(--space-2) var(--space-2); }
.pub-svc-text p { font-size: var(--text-base); }
}
@media (max-width: 576px) {
.pub-svc-art { min-height: 0; padding: var(--space-4); }
}
@media screen and (max-width: 767.98px) {
.pub-svc { gap: var(--space-3); padding: var(--space-3); }
.pub-svc-icon { display: none; }
.pub-svc-art { padding: var(--space-3); }
.pub-svc-text { gap: var(--space-2); }
}
@media screen and (min-width: 360px) and (max-width: 767.98px) {
.pub-svc {
    grid-template-columns: minmax(0, 1fr) 8.75rem;
    align-items: center;
    padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4);
  }
.pub-svc-art,
  .pub-svc:nth-child(even) .pub-svc-art { order: 2; min-height: 0; padding: var(--space-1-5); }
.pub-svc-art > .pm { zoom: .5; }
.pub-svc-text { padding: 0; gap: var(--space-1-5); }
.pub-svc-title { font-size: var(--text-xl); }
.pub-svc-text p { font-size: var(--text-sm); line-height: 1.5; }
.pub-svc-more { font-size: var(--text-sm); }
}
@media screen and (max-width: 359.98px) {
.pub-svc-art > .pm { zoom: .62; }
}
@media (prefers-reduced-motion: reduce) {
.pub-svc:hover,
  .pub-svc:hover .pub-svc-more i,
  .pub-svc:focus-visible .pub-svc-more i { transform: none; }
}
.land-close {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  padding: clamp(var(--space-5), 3vw, var(--space-6-5));
  border-radius: var(--radius-xl);
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.land-close p { margin: 0; color: var(--muted); max-width: 34rem; }
.land-home .land-close,
.land-close-brand {
  border: 0;
  color: rgba(255,255,255,.96);
  background:
    radial-gradient(120% 92% at 86% -10%, rgba(210,171,103,.20), transparent 56%),
    linear-gradient(152deg, rgba(36,69,127,.97) 0%, rgba(44,80,155,.94) 36%,
                    rgba(40,69,96,.92) 72%, rgba(36,54,63,.95) 100%),
    rgba(16,26,33,1);
  box-shadow: var(--shadow-lg);
}
.land-home .land-close {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  justify-items: stretch;
  align-items: center;
  gap: clamp(var(--space-5), 4vw, var(--space-7));
  padding: clamp(var(--space-5), 3.4vw, var(--space-7));
  overflow: hidden;
  text-align: start;
}
.land-close-copy { display: grid; justify-items: start; gap: var(--space-4); }
.land-home .land-close .land-h2,
.land-close-brand .land-h2 {
  color: rgba(255,255,255,.96);
  font-size: var(--display-md);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.land-home .land-close p,
.land-close-brand p {
  max-width: 32rem;
  color: rgba(255,255,255,.84);
  font-size: var(--text-lg);
  line-height: 1.6;
}
.land-faq {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
  gap: clamp(var(--space-5), 4vw, var(--space-7));
}
.land-faq > .land-head { margin-bottom: 0; }
.land-more {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: var(--space-1-5);
  margin-top: var(--space-2);
  color: var(--ground-accent);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--ground-line);
  text-underline-offset: .25em;
}
.land-more:hover,
.land-more:focus-visible { color: var(--ground-ink); text-decoration-color: currentColor; }
.land-more:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
.land-more i { transition: transform var(--dur-2) var(--ease-out); }
.land-more:focus-visible i { transform: translateX(var(--space-1)); }
@media (hover: hover) {
.land-more:hover i { transform: translateX(var(--space-1)); }
}
.land-faq-list {
  display: grid;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}
.land-faq-item + .land-faq-item { border-top: 1px solid var(--border); }
.land-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  cursor: pointer;
  list-style: none;
  font-weight: 600;
}
.land-faq-item summary::-webkit-details-marker { display: none; }
.land-faq-item summary:hover { color: var(--primary-text); }
.land-faq-item summary:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.land-faq-item summary i {
  flex: none;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: var(--radius-round);
  background: var(--primary-soft);
  color: var(--primary-text);
  transition: transform var(--dur-2) var(--ease-out);
}
.land-faq-item[open] summary i { transform: rotate(45deg); }
.land-faq-item p {
  margin: 0;
  padding: 0 var(--space-5) var(--space-3);
  color: var(--muted);
  line-height: 1.7;
}
.land-faq-item p:last-child { padding-bottom: var(--space-5); }
@supports selector(::details-content) {
.land-faq-item, .pub-foot-fold, .auth-steps-fold { interpolate-size: allow-keywords; }
.land-faq-item::details-content,
  .pub-foot-fold::details-content,
  .auth-steps-fold::details-content {
    block-size: 0;
    overflow-y: clip;
    transition: block-size var(--dur-3) var(--ease-in-out),
                content-visibility var(--dur-3) var(--ease-in-out) allow-discrete;
  }
.land-faq-item[open]::details-content,
  .pub-foot-fold[open]::details-content,
  .auth-steps-fold[open]::details-content { block-size: auto; }
}
.pub-foot {
  display: grid;
  gap: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--ground-line);
  color: var(--ground-ink-muted);
  font-size: var(--text-md);
}
.pub-foot-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
}
.pub-foot-brand {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--space-3);
}
.pub-foot-home {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.pub-foot-mark {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
.pub-foot-word {
  font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
  font-size: var(--text-lg);
  font-weight: 700;
}
.pub-foot-brand p { margin: 0; max-width: 26rem; font-size: var(--text-base); line-height: 1.6; }
.pub-foot-contact,
.pub-foot-col ul,
.pub-foot-fold ul {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pub-foot-folds { display: none; }
@media (max-width: 576px) {
.pub-foot-col { display: none; }
.pub-foot-folds { display: grid; grid-column: 1 / -1; }
.pub-foot-fold { border-bottom: 1px solid var(--ground-line); }
.pub-foot-fold:first-child { border-top: 1px solid var(--ground-line); }
.pub-foot-fold > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3rem;
    margin: 0;
    list-style: none;
    cursor: pointer;
  }
.pub-foot-fold > summary::-webkit-details-marker { display: none; }
.pub-foot-fold > summary i {
    color: var(--ground-ink-muted);
    font-size: var(--text-md);
    transition: transform var(--dur-2) var(--ease-out);
  }
.pub-foot-fold[open] > summary i { transform: rotate(180deg); }
.pub-foot-fold > summary:focus-visible {
    outline: 2px solid var(--ground-ink);
    outline-offset: 2px;
    border-radius: var(--radius-xs);
  }
.pub-foot-fold > ul { padding-bottom: var(--space-4); }
.pub-foot-fold > .pub-foot-note { margin: 0 0 var(--space-4); }
}
.pub-foot-contact li { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.pub-foot-contact a { overflow-wrap: anywhere; }
.pub-foot-contact i,
.pub-foot-note i { color: var(--ground-accent); }
.pub-foot-h {
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ground-accent);
}
.pub-foot a { color: var(--ground-ink-muted); text-decoration: none; }
.pub-foot .pub-foot-home { color: var(--ground-ink); }
.pub-foot .pub-foot-h a { color: var(--ground-accent); }
.pub-foot a:hover,
.pub-foot a:focus-visible,
.pub-foot .pub-foot-h a:hover,
.pub-foot .pub-foot-h a:focus-visible {
  color: var(--ground-ink);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.pub-foot a:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
.pub-foot-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}
.pub-foot .pub-foot-social a {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--ground-line);
  border-radius: var(--radius-round);
  background: var(--ground-wash);
  color: var(--ground-ink);
  font-size: var(--text-md);
}
.pub-foot .pub-foot-social a:hover,
.pub-foot .pub-foot-social a:focus-visible {
  border-color: var(--ground-accent);
  color: var(--ground-accent);
  text-decoration: none;
}
.pub-foot .pub-foot-social a:focus-visible { border-radius: var(--radius-round); }
.pub-foot-note {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  font-size: var(--text-md);
  line-height: 1.5;
}
.pub-foot-base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--ground-line);
  font-size: var(--text-sm);
}
.pub-foot-legal { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.land:has(.pub-foot) { padding-bottom: 0; }
.app-content:has(.pub-foot) .app-foot { margin-top: var(--space-4); }
.pub-card { max-width: 56rem; margin-inline: auto; }
.pub-doc { max-width: 52rem; }
.pub-doc h2 {
  font-size: var(--text-lg);
  margin: var(--space-5) 0 var(--space-2);
  color: var(--text);
}
.pub-doc h2:first-of-type { margin-top: 0; }
.pub-doc p, .pub-doc li { color: var(--muted); line-height: 1.7; }
.pub-doc p { margin: 0 0 var(--space-3); }
.pub-doc ul, .pub-doc ol { margin: 0 0 var(--space-3); padding-left: var(--space-4); display: grid; gap: var(--space-2); }
.pub-doc strong { color: var(--text); }
.pub-meta {
  color: var(--faint);
  font-size: var(--text-md);
  margin: 0 0 var(--space-4);
}
.pub-faq > .pub-doc { padding: 0; max-width: none; }
.land-faq-item summary h3 {
  margin: 0;
  font-size: var(--text-base);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  color: inherit;
}
.pub-faq .land-faq-item p { margin: 0; }
.pub-faq .pub-faq-h {
  margin: 0;
  padding: var(--space-5) var(--space-5) var(--space-2);
  font-size: var(--text-xl);
  font-weight: 700;
  color: var(--text);
  scroll-margin-top: var(--space-2);
}
.pub-faq-group + .pub-faq-group { border-top: 1px solid var(--border); }
.pub-toc {
  margin: 0 0 var(--space-5);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
}
.pub-toc-h {
  margin: 0 0 var(--space-2);
  color: var(--accent-ink);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pub-toc ol {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
  gap: var(--space-1) var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pub-toc a {
  display: inline-block;
  padding-block: var(--space-1);
  color: var(--primary-text);
  font-weight: 500;
  text-decoration: none;
}
.pub-toc a:hover,
.pub-toc a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.pub-doc h2[id] { scroll-margin-top: var(--space-2); }
.pub-krye {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: clamp(var(--space-5), 3vw, var(--space-7));
  padding: clamp(var(--space-5), 3.2vw, var(--space-6-5)) clamp(var(--space-5), 3.4vw, var(--space-7));
  border-radius: var(--radius-xl);
  border: 1px solid var(--ground-line);
  background:
    radial-gradient(60% 110% at 90% 0%, color-mix(in srgb, var(--accent-fill) 18%, transparent), transparent 62%),
    linear-gradient(152deg, var(--primary-dark) 0%, var(--primary) 48%, var(--night-2) 100%);
  box-shadow: var(--shadow-lg);
}
.pub-krye-copy { display: grid; gap: var(--space-3); justify-items: start; max-width: 46rem; }
.pub-krye-title {
  margin: 0;
  font-size: var(--display-md);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-wrap: balance;
  color: var(--ground-ink);
}
.pub-krye-lead {
  margin: 0;
  max-width: 40rem;
  font-size: var(--text-lg);
  line-height: 1.6;
  color: var(--ground-ink-muted);
}
.pub-krye-copy > .land-cta { margin-top: var(--space-1); }
@media screen and (max-width: 767.98px) {
.pub-krye-copy > .land-cta { display: none; }
}
.land :is(.land-title, .pub-krye-title, .land-h2, .land-trust-title, .land-row-title,
          .pub-svc-title, .pub-map-title, .pub-faq-h, .land-close .land-h2) {
  font-family: 'Newsreader Display', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  font-synthesis: none;
  letter-spacing: -.01em;
}
.pub-shtegu ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-md);
  color: var(--ground-ink-muted);
}
.pub-shtegu li { display: inline-flex; align-items: center; gap: var(--space-2); }
.pub-shtegu li + li::before {
  content: '›';
  content: '›' / '';
  color: var(--ground-accent);
  font-weight: 700;
}
.pub-shtegu a {
  color: var(--ground-ink);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--ground-line);
  text-underline-offset: .22em;
}
.pub-shtegu a:hover,
.pub-shtegu a:focus-visible { text-decoration-color: currentColor; }
.pub-shtegu a:focus-visible {
  outline: 2px solid var(--ground-ink);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
.pub-krye-art {
  display: grid;
  place-items: center;
  width: clamp(7.5rem, 12vw, 10rem);
  aspect-ratio: 1;
  margin-inline-end: var(--space-4);
  border-radius: var(--radius-round);
  border: 1px solid var(--ground-line);
  background: radial-gradient(closest-side, color-mix(in srgb, var(--accent-fill) 16%, transparent), transparent);
}
.pub-krye-medal {
  display: grid;
  place-items: center;
  width: 64%;
  aspect-ratio: 1;
  border-radius: var(--radius-round);
  border: 1px solid color-mix(in srgb, var(--accent-fill) 55%, transparent);
  background: var(--ground-shade);
  box-shadow: 0 0 0 var(--space-2) color-mix(in srgb, var(--accent-fill) 8%, transparent), var(--shadow-md);
  color: var(--ground-accent);
  font-size: var(--display-md);
}
@media (max-width: 900px) {
.pub-krye-lead { font-size: var(--text-base); }
}
@media (max-width: 767.98px) {
.pub-krye { grid-template-columns: minmax(0, 1fr); }
.pub-krye-art { display: none; }
}
@media (max-width: 576px) {
.pub-shtegu li:nth-child(n+3)[aria-current] { display: none; }
}
.land-hero,
.land-trust,
.land-home .land-close,
.land-close-brand,
.pub-krye {
  grid-column: full;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-inline: max(var(--land-gutter), calc((100% - var(--land-col)) / 2));
}
.land-hero,
.land-trust,
.land-home .land-close,
.land-close-brand { padding-block: clamp(var(--space-6), 5vw, calc(var(--space-7) * 1.5)); }
.pub-krye { padding-block: clamp(var(--space-6), 4vw, calc(var(--space-7) * 1.25)); }
.app-content:has(> .land > :first-child:is(.land-hero, .pub-krye)) { padding-top: 0; }
@media screen {
.land > :is(.land-hero, .land-trust, .land-close-brand, .pub-krye, .land-lit, .land-faq)
    + :is(.land-hero, .land-trust, .land-close-brand, .pub-krye, .land-lit, .land-faq),
  .land-home > :is(.land-trust, .land-lit, .land-faq) + .land-close {
    margin-top: calc(-1 * var(--land-row-gap));
  }
}
html:has(.land, .pub-nav) { scroll-padding-top: calc(var(--topbar-h) + var(--space-2)); }
@media screen and (max-width: 767.98px) {
html:has(.pub-bar) { scroll-padding-bottom: calc(var(--pub-bar-h) + var(--space-2)); }
}
.land [id] { scroll-margin-top: var(--space-2); }
.land > [id] { scroll-margin-top: calc(-1 * var(--space-2)); }
html:has(.land) { scroll-behavior: smooth; }
@media screen and (orientation: landscape) and (max-height: 500px) {
.app-topbar:has(.pub-nav) { position: relative; }
:root { --display-hero: clamp(1.75rem, min(1.1rem + 3.3vw, 1rem + 5svh), 3.6rem); }
html:has(.app-topbar .pub-nav) { scroll-padding-top: var(--space-2); }
}
@media (min-width: 992px) {
.pub-split { grid-template-columns: minmax(0, 56rem) minmax(var(--aside-w, 20rem), 1fr); }
}
.pub-ask-text { margin: 0 0 var(--space-3); color: var(--muted); line-height: 1.6; }
.pub-ask-ways {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}
.pub-ask-ways li { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.pub-ask-ways i { color: var(--primary-text); }
.pub-ask-ways a { font-weight: 600; overflow-wrap: anywhere; }
.pub-ask-more { border-top: 1px solid var(--border); }
.pub-ask-list {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pub-ask-list a {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-inline: calc(-1 * var(--space-2));
  padding: var(--space-1-5) var(--space-2);
  border-radius: var(--radius-sm);
  color: var(--text);
  text-decoration: none;
}
.pub-ask-list a:hover,
.pub-ask-list a:focus-visible { background: var(--primary-soft); color: var(--primary-text); }
.pub-ask-list i { color: var(--primary-text); }
.pub-map,
.pub-ruaj {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(var(--space-5), 3vw, var(--space-6));
  padding: var(--space-4);
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
}
.pub-map .land-kicker,
.pub-ruaj .land-kicker { color: var(--accent-ink); }
.pub-map-title {
  margin: var(--space-1) 0 var(--space-2);
  font-size: var(--text-xl);
  font-weight: 700;
  text-wrap: balance;
}
.pub-map-text p,
.pub-ruaj-text p { margin: 0 0 var(--space-4); max-width: 30rem; color: var(--muted); line-height: 1.6; }
.pub-map-art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 15rem;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(112deg, transparent 47.5%, var(--surface) 47.5% 50.5%, transparent 50.5%),
    linear-gradient(8deg, transparent 61%, var(--primary-soft) 61% 66%, transparent 66%),
    radial-gradient(circle at 80% 24%, var(--success-soft) 0 3.2rem, transparent 3.3rem),
    repeating-linear-gradient(0deg, transparent 0 2.9rem, var(--surface) 2.9rem 3.2rem),
    repeating-linear-gradient(90deg, transparent 0 3.9rem, var(--surface) 3.9rem 4.2rem),
    var(--surface-sunken);
}
.pub-map-art i {
  position: relative;
  z-index: 1;
  font-size: var(--display-md);
  line-height: 1;
  color: var(--primary);
  transform: translateY(-50%);
  text-shadow: 0 .35rem .6rem color-mix(in srgb, var(--primary) 35%, transparent);
}
.pub-map-art::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 1.5rem;
  height: .6rem;
  margin: auto;
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--primary) 30%, transparent);
}
@keyframes pubMapPulse {
  from { transform: scale(.6); opacity: 1; }
  to   { transform: scale(2.6); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
.pub-map-art::after { animation: pubMapPulse var(--beat-slow) var(--ease-out) infinite; }
}
.pub-ruaj { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.pub-ruaj-qr {
  display: grid;
  place-items: center;
  align-content: center;
  gap: var(--space-2);
  min-height: 15rem;
  margin: 0;
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}
.pub-ruaj-qr svg {
  display: block;
  width: 13rem;
  height: 13rem;
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
}
.pub-ruaj-qr figcaption { font-size: var(--text-md); color: var(--muted); }
.pub-doors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
.pub-door:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 992px) {
.pub-doors { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.pub-door:last-child:nth-child(odd) { grid-column: auto; }
}
@media screen and (max-width: 767.98px) {
.pub-doors { grid-template-columns: minmax(0, 1fr); }
}
.pub-door {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: var(--text);
}
a.pub-door {
  text-decoration: none;
  transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out),
              border-color var(--dur-2) var(--ease-out);
}
@media (hover: hover) {
a.pub-door:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--primary-line); }
}
a.pub-door:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.pub-door-icon { margin-bottom: var(--space-1); }
.pub-door-kicker {
  color: var(--accent-ink);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pub-door-big {
  color: var(--text);
  font-size: var(--text-2xl);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}
a.pub-door:hover .pub-door-big { color: var(--primary-text); }
.pub-door .pub-door-mail {
  font-size: var(--text-lg);
  font-weight: 700;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-color: var(--border);
  text-underline-offset: .2em;
}
.pub-door .pub-door-mail:hover,
.pub-door .pub-door-mail:focus-visible { color: var(--primary-text); text-decoration-color: currentColor; }
.pub-door-ways { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-1); }
.pub-door-ways a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-muted);
  color: var(--text);
  font-weight: 600;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.pub-door-ways a i { color: var(--primary-text); }
.pub-door-ways a:hover,
.pub-door-ways a:focus-visible { border-color: var(--primary-line); background: var(--primary-soft); }
.pub-door-text { color: var(--muted); line-height: 1.55; }
.pub-door-main .btn { margin-top: var(--space-2); }
.pub-doors + .land-grid { margin-top: calc(-1 * var(--space-3)); }
@media print {
.land .pub-door-main,
  .land .pub-door-icon { display: none !important; }
}
@media (max-width: 767.98px) {
.pub-map,
  .pub-ruaj { grid-template-columns: minmax(0, 1fr); }
.pub-map-art { min-height: 11rem; }
}
@media (max-width: 1100px) {
.land-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.land-hero { grid-template-columns: 1fr; }
.land-lead { font-size: var(--text-base); }
.land-sub,
  .land-trust-head p { font-size: var(--text-base); }
.land-row,
  .land-faq { grid-template-columns: 1fr; }
.land-row figcaption { order: -1; }
.land-row p { font-size: var(--text-base); }
.land-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pub-foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pub-foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
.land-home .land-close { grid-template-columns: 1fr; }
.land-home .land-close .land-shot { display: none; }
}
@media (max-width: 767.98px) {
.land-steps { grid-template-columns: 1fr; }
.land-step { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--space-4); }
.land-step::before { grid-row: span 2; margin-bottom: 0; }
.land-step:not(:last-child)::after {
    top: 3rem;
    bottom: calc(-1 * var(--space-5));
    left: 1.5rem;
    right: auto;
    width: 1px;
    height: auto;
  }
}
@media (max-width: 576px) {
.land { --land-row-gap: var(--space-5); }
.land-cta { width: 100%; }
.land-cta .btn { flex: 1 1 12rem; }
.land-close { justify-items: stretch; text-align: start; }
.land-proof,
  .land-trust-grid { grid-template-columns: 1fr; }
.land-card {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--space-4);
    row-gap: var(--space-1);
    padding: var(--space-4);
  }
.land-card > i { grid-row: span 2; margin-bottom: 0; }
.land-card > b,
  .land-card > span:not(.land-card-more) { grid-column: 2; }
.land-card:has(> .land-card-more) {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
  }
.land-card .land-card-more {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
    font-size: 0;
  }
.land-card .land-card-more i { font-size: var(--text-lg); }
.land-home .land-lit .land-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.land-home .land-lit .land-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.land-home .land-lit .land-card,
  .land-home .land-lit .land-card:has(> .land-card-more) {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    align-content: start;
    justify-items: start;
    row-gap: var(--space-3);
    padding: var(--space-4);
  }
.land-home .land-lit .land-card > i {
    grid-row: auto;
    width: 2.75rem;
    height: 2.75rem;
    font-size: var(--text-lg);
  }
.land-home .land-lit .land-card > b { grid-column: 1; font-size: var(--text-base); }
.land-home .land-lit .land-card > span:not(.land-card-more) { display: none; }
.land-home .land-lit .land-card .land-card-more {
    position: absolute;
    top: var(--space-3);
    inset-inline-end: var(--space-3);
    grid-column: auto;
    grid-row: auto;
  }
.land-trust-item {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--space-4);
  }
.land-trust-item i { grid-row: span 2; margin-bottom: 0; }
.land-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.land-app { padding: var(--space-7) 0 var(--space-2); }
.land-app-body { grid-template-columns: minmax(0, 1fr); }
.land-app-side,
  .land-app-toast-file { display: none; }
.land-app-toast { max-width: 15rem; }
.land-app-window {
    max-width: 20rem;
    margin-inline: auto;
    border: var(--space-2) solid var(--night-deep);
    border-radius: var(--radius-xl);
  }
.land-app-bar,
  .land-app-tabbar {
    background: var(--shell);
    color: var(--shell-ink);
  }
.land-app-bar { border-bottom-color: var(--shell-line); }
.land-app-dots,
  .land-app-address i { display: none; }
.land-app-menu,
  .land-app-bell { display: block; font-size: var(--text-lg); line-height: 1; }
.land-app-bell { justify-self: end; }
.land-app-address {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-family: 'Sora Marka', 'Inter Variable', Inter, sans-serif;
    font-size: var(--text-sm);
    font-weight: 700;
  }
.land-app-main { padding: var(--space-3); }
.land-app-tabbar {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: var(--space-1-5) var(--space-2);
    border-top: 1px solid var(--shell-line);
    font-size: var(--text-lg);
  }
.land-app-tabbar i {
    display: grid;
    place-items: center;
    height: 2rem;
    border-radius: var(--radius-pill);
    color: var(--shell-ink-muted);
  }
.land-app-tabbar .is-on {
    background: var(--shell-well-strong);
    color: var(--shell-ink);
  }
.land-app-rows li > span:not(.chip) {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
.land-mock { padding: var(--space-4) 0 var(--space-7); }
.land-tour .land-shot { display: none; }
.land-duo { display: grid; justify-items: center; }
.land-duo .land-phone { width: min(16rem, 72%); }
.pub-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pub-foot-base { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
.land-card:hover,
  a.land-card:hover .land-card-more i,
  a.land-card:focus-visible .land-card-more i,
  .land-more:hover i,
  .land-more:focus-visible i { transform: none; }
}
a.land-card:active,
.pub-svc:active,
a.pub-door:active {
  transform: scale(.98);
  box-shadow: var(--shadow-sm);
  border-color: var(--primary-line);
  transition-duration: var(--dur-1);
}
.land-path:active > b { color: var(--primary-text); }
.land-path:active > i:first-child { background: color-mix(in srgb, var(--accent-fill) 34%, var(--surface)); }
.pub-krye-link:active {
  border-color: color-mix(in srgb, var(--ground-ink) 50%, transparent);
  background: var(--ground-wash);
}
.land-faq-item summary:active { background: var(--surface-muted); color: var(--primary-text); }
.pub-foot-fold > summary:active { background: var(--ground-wash); }
.land-tab-btn:active { border-color: var(--primary-line); background: var(--surface-muted); }
.pub-bar-btn:is(:hover, :active) { border-color: var(--primary-line); background: var(--primary-soft); }
.pub-bar .pub-bar-main:is(:hover, :active) { border-color: var(--primary-dark); background: var(--primary-dark); }
.pub-menu-btn:is(:hover, :active) { background: var(--shell-well-strong); }
.pub-menu-link:is(:hover, :active),
.pub-menu-sub:is(:hover, :active),
.pub-menu-reach a:is(:hover, :active) { background: var(--surface-muted); color: var(--primary-text); }
@media (prefers-reduced-motion: reduce) {
a.land-card:active,
  .pub-svc:active,
  a.pub-door:hover,
  a.pub-door:active { transform: none; }
}
@keyframes landFloat {
  from { transform: translateY(0); }
  to   { transform: translateY(-.75rem); }
}
@media (prefers-reduced-motion: no-preference) {
.land-app-toast { animation: landFloat var(--drift-a) var(--ease-in-out) infinite alternate; }
.land-app-toast-file { animation-duration: var(--drift-b); }
.land-mock-toast { animation-duration: var(--drift-c); }
}
@keyframes landToastIn {
  from { opacity: 0; transform: translateY(var(--space-4)); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes landChipOut {
  to { opacity: 0; transform: scale(.85); }
}
@keyframes landChipIn {
  from { visibility: visible; opacity: 0; transform: scale(.85); }
  to   { visibility: visible; opacity: 1; transform: none; }
}
@keyframes landUpload {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
@media (prefers-reduced-motion: no-preference) {
.land-app > .land-app-toast {
    animation: landToastIn var(--dur-3) var(--ease-out) both,
               landFloat var(--drift-a) var(--ease-in-out) infinite alternate;
    animation-delay: calc(var(--dur-4) * 2), calc(var(--dur-4) * 2 + var(--dur-3));
  }
.land-app > .land-app-toast-file {
    animation-duration: var(--dur-3), var(--drift-b);
    animation-delay: calc(var(--dur-4) * 3.5), calc(var(--dur-4) * 3.5 + var(--dur-3));
  }
.land-app-state > .chip:first-child {
    animation: landChipOut var(--dur-3) var(--ease-out) forwards;
  }
.land-app-state > .chip + .chip {
    animation: landChipIn var(--dur-3) var(--ease-spring) both;
  }
.land-app-state-bank > .chip:first-child,
  .land-app-state-bank > .chip + .chip { animation-delay: calc(var(--dur-4) * 4); }
.land-app-state-pay > .chip:first-child,
  .land-app-state-pay > .chip + .chip { animation-delay: calc(var(--dur-4) * 6); }
.land-app-phone {
    animation: landToastIn var(--dur-3) var(--ease-out) both;
    animation-delay: var(--dur-4);
  }
.land-app-upload-bar::before {
    animation: landUpload var(--dur-4) var(--ease-in-out) both;
    animation-delay: calc(var(--dur-4) * 2);
  }
.land-app-upload-state > .chip:first-child {
    animation: landChipOut var(--dur-3) var(--ease-out) forwards;
    animation-delay: calc(var(--dur-4) * 3);
  }
.land-app-upload-state > .chip + .chip {
    animation: landChipIn var(--dur-3) var(--ease-spring) both;
    animation-delay: calc(var(--dur-4) * 3);
  }
}
@keyframes pmIn    { from { opacity: 0; transform: translateY(var(--space-2)); } }
@keyframes pmPop   { from { opacity: 0; transform: scale(.4); } 60% { opacity: 1; transform: scale(1.12); } }
@keyframes pmStamp { from { opacity: 0; transform: scale(1.8) rotate(-12deg); } 70% { opacity: 1; transform: scale(.94) rotate(-12deg); } }
@keyframes pmGrowX { from { transform: scaleX(0); } }
@keyframes pmGrowY { from { transform: scaleY(0); } }
@keyframes pmFan   { from { opacity: 0; transform: translateX(-50%) translateY(var(--space-3)); } }
@media screen and (prefers-reduced-motion: no-preference) {
.pub-krye-view-art .pm-sheet { animation: pmIn var(--dur-3) var(--ease-out) both; }
.pub-krye-view-art .pm-sheet:nth-child(2) { animation-delay: calc(var(--dur-4) * .5); }
.pub-krye-view-art .pm-sheet:nth-child(3) { animation-delay: var(--dur-4); }
.pub-krye-view-art .pm-seal {
    animation: pmStamp var(--dur-4) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * 1.5);
  }
.pub-krye-view-art .pm-sheet:nth-child(2) .pm-seal { animation-delay: calc(var(--dur-4) * 2); }
.pub-krye-view-art .pm-sheet:nth-child(3) .pm-seal { animation-delay: calc(var(--dur-4) * 2.5); }
.pub-krye-view-art .pm-sheet .chip {
    animation: pmIn var(--dur-3) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * 1.75);
  }
.pub-krye-view-art .pm-sheet:nth-child(2) .chip { animation-delay: calc(var(--dur-4) * 2.25); }
.pub-krye-view-art .pm-sheet:nth-child(3) .chip { animation-delay: calc(var(--dur-4) * 2.75); }
.pub-krye-view-art .pm-inv { animation: pmFan var(--dur-4) var(--ease-spring) both; }
.pub-krye-view-art .pm-inv:nth-child(2) { animation-delay: calc(var(--dur-4) * .25); }
.pub-krye-view-art .pm-inv:nth-child(3) { animation-delay: calc(var(--dur-4) * .5); }
.pub-krye-view-art .pm-inv .chip {
    animation: pmPop var(--dur-3) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * 1.5);
  }
.pub-krye-view-art .pm-inv:nth-child(3) .chip { animation-delay: calc(var(--dur-4) * 2); }
.pub-krye-view-art .pm-team .pm-face.is-new {
    animation: pmPop var(--dur-4) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * .5);
  }
.pub-krye-view-art .pm-rows li {
    animation: pmIn var(--dur-3) var(--ease-out) both;
    animation-delay: var(--dur-4);
  }
.pub-krye-view-art .pm-rows li:nth-child(2) { animation-delay: calc(var(--dur-4) * 1.5); }
.pub-krye-view-art .pm-rows li:nth-child(3) { animation-delay: calc(var(--dur-4) * 2); }
.pub-krye-view-art .pm-month-bar span {
    transform-origin: left;
    animation: pmGrowX var(--dur-4) var(--ease-in-out) both;
    animation-delay: calc(var(--dur-4) * 2);
  }
.pub-krye-view-art .pm-folders li { animation: pmIn var(--dur-3) var(--ease-out) both; }
.pub-krye-view-art .pm-folders li:nth-child(2) { animation-delay: calc(var(--dur-4) * .25); }
.pub-krye-view-art .pm-folders li:nth-child(3) { animation-delay: calc(var(--dur-4) * .5); }
.pub-krye-view-art .pm-folders li:nth-child(4) { animation-delay: calc(var(--dur-4) * .75); }
.pub-krye-view-art .pm-toast {
    animation: pmIn var(--dur-4) var(--ease-spring) both;
    animation-delay: calc(var(--dur-4) * 2);
  }
.pub-krye-view-art .pm-col i {
    transform-origin: bottom;
    animation: pmGrowY var(--dur-4) var(--ease-out) both;
  }
.pub-krye-view-art .pm-col:nth-child(2) i { animation-delay: calc(var(--dur-4) * .25); }
.pub-krye-view-art .pm-col:nth-child(3) i { animation-delay: calc(var(--dur-4) * .5); }
.pub-krye-view-art .pm-col:nth-child(4) i { animation-delay: calc(var(--dur-4) * .75); }
.pub-krye-view-art .pm-col:nth-child(5) i { animation-delay: var(--dur-4); }
.pub-krye-view-art .pm-col:nth-child(6) i { animation-delay: calc(var(--dur-4) * 1.25); }
.pub-krye-view-art .pm-trend {
    animation: pmPop var(--dur-3) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * 2.25);
  }
.pub-krye-view-art .pm-msg { animation: pmIn var(--dur-3) var(--ease-out) both; }
.pub-krye-view-art .pm-msg:nth-child(2) { animation-delay: calc(var(--dur-4) * 1.25); }
.pub-krye-view-art .pm-msg:nth-child(3) { animation-delay: calc(var(--dur-4) * 2.75); }
.pub-krye-view-art .pm-seen {
    animation: pmIn var(--dur-3) var(--ease-out) both;
    animation-delay: calc(var(--dur-4) * 2.25);
  }
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.land-home .land-head,
    .land-home .land-grid,
    .land-home .land-tabs,
    .land-home .land-steps,
    .land-home .land-trust > *,
    .land-home .land-faq-list,
    .land-home .land-close > * {
      animation-name: revealUp;
      animation-timing-function: var(--ease-out);
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 0% entry 240px;
    }
}
}
@media print {
.land-home .land-head,
  .land-home .land-grid,
  .land-home .land-tabs,
  .land-home .land-steps,
  .land-home .land-trust > *,
  .land-home .land-faq-list,
  .land-home .land-close > * {
    animation-name: none;
  }
}
@media (pointer: coarse) {
:is(.pub-shtegu a, .land-more, .land-returning a, .land-video-text > summary,
      .pub-door .pub-door-mail, .pub-foot-legal a, .pub-foot-h a, .pub-foot-home,
      .entry-office a, .entry-register a, .auth-next-call a, .auth-back, .entry .lang-opt) { position: relative; }
:is(.pub-shtegu a, .land-more, .land-returning a, .land-video-text > summary,
      .pub-door .pub-door-mail, .pub-foot-legal a, .pub-foot-h a, .pub-foot-home,
      .entry-office a, .entry-register a, .auth-next-call a, .auth-back, .entry .lang-opt)::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: min(0px, calc((100% - 44px) / 2));
  }
.pub-foot-contact,
  .pub-foot-col ul,
  .pub-foot-fold ul,
  .pub-ask-ways { gap: 0; }
:is(.pub-foot-contact, .pub-foot-col ul, .pub-foot-fold ul, .pub-ask-ways) a,
  .pub-toc a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
.pub-toc a { padding-block: 0; }
.pub-ask-list a { min-height: 44px; }
}
@media print {
.land .land-cta,
  .land .land-close,
  .land .land-app,
  .land .land-duo,
  .land .land-mock,
  .land .land-shot,
  .land .land-video,
  .land .land-try,
  .land .land-returning,
  .land .land-card-more,
  .land .land-more,
  .land .pub-krye-art,
  .land .pub-shtegu,
  .land .pub-krye-view,
  .land .pub-ask .btn,
  .land .pub-ask-more,
  .land .pub-krye-nav,
  .land .pub-toc,
  .land .pub-foot { display: none !important; }
.land .pub-krye {
    display: block;
    padding: 0 0 var(--space-3);
    border: 0;
    border-bottom: 1px solid var(--ground-line);
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
.land .pub-krye > .pub-ruaj { box-shadow: none; }
.land .pub-split { display: block; }
.land .page-aside-sticky { position: static; }
.land .pub-card,
  .land .pub-ask {
    break-inside: auto;
    page-break-inside: auto;
  }
.land details::details-content { content-visibility: visible; display: block; block-size: auto; }
.land .land-faq-item summary .bi { display: none; }
}
}
@layer base {
h1, .h1 { font-size: var(--text-3xl); }
h2, .h2 { font-size: var(--text-2xl); }
h3, .h3 { font-size: var(--text-xl); }
h4, .h4 { font-size: var(--text-lg); }
h5, .h5 { font-size: var(--text-base); }
h6, .h6 { font-size: var(--text-md); }
.small, small { font-size: var(--text-sm); }
}
@layer components {
.btn                           { --bs-btn-font-size: var(--text-base); }
.btn-sm, .btn-group-sm > .btn  { --bs-btn-font-size: var(--text-sm); }
.btn-lg, .btn-group-lg > .btn  { --bs-btn-font-size: var(--text-lg); }
.toast                         { --bs-toast-font-size: var(--text-sm); }
.form-control, .form-select    { font-size: var(--text-base); }
.form-control-lg, .form-select-lg,
.input-group-lg > .btn, .input-group-lg > .form-control,
.input-group-lg > .form-select, .input-group-lg > .input-group-text {
  font-size: var(--text-lg);
}
.form-control, .form-select, .form-check-input,
.btn-close, .nav-link, .fade {
  transition-duration: var(--dur-1);
  transition-timing-function: var(--ease-out);
}
.modal.fade .modal-dialog, .collapsing {
  transition-duration: var(--dur-3);
  transition-timing-function: var(--ease-out);
}
}
@layer utilities {
.fs-4 { font-size: var(--text-lg) !important; }
}
@layer utilities {
@media (forced-colors: active) {
:root {
    --glass: Canvas;
    --border: CanvasText;
    --border-strong: CanvasText;
  }
.app-sidebar, .app-topbar, .bottom-nav, .navbar,
  .dropdown-menu, .toast, .glass-card, .cmdk, .bulk-bar,
  .bi-report .export-bar, .bi-report .alarm-panel,
  .bi-report .drill-bar, .bi-report .xf-bar {
    background: Canvas;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
.dropdown-menu, .toast, .glass-card, .cmdk, .bulk-bar,
  .bi-report .export-bar, .bi-report .alarm-panel,
  .bi-report .drill-bar, .bi-report .xf-bar {
    border: 1px solid CanvasText;
  }
body::after { display: none; }
.land-shot { background-image: none; }
.land-phone { background-image: none; }
.land-hero,
  .land-trust,
  .land-home .land-close,
  .land-close-brand { background: none; }
.land-app-window,
  .land-app-toast,
  .land-mock-card { border: 1px solid CanvasText; }
:where(a, button, .btn, .form-control, .form-select, .form-check-input,
         [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
.btn-primary,
  .btn-export-excel { border: 1px solid ButtonText; }
.pub-nav-link { border-bottom-color: Canvas; }
.pub-nav-link.active { border-bottom-color: CanvasText; }
.land-tab-btn:has(input:checked),
  .auth-chip:has(:checked),
  .lang-opt.active,
  .pub-nav-sub.active,
  .pub-menu-link.active,
  .pub-menu-sub.active {
    forced-color-adjust: none;
    background: SelectedItem;
    color: SelectedItemText;
  }
:is(.land-tab-btn:has(input:checked), .auth-chip:has(:checked), .pub-menu-link.active,
      .pub-menu-sub.active) i { color: SelectedItemText; }
.land-tab-btn:has(input:focus-visible) { outline-color: Highlight; }
}
@media (prefers-contrast: more) {
:root {
    --faint: var(--muted);
    --border: var(--border-strong);
    --glass: var(--surface);
  }
.app-sidebar, .app-topbar, .bottom-nav, .navbar,
  .dropdown-menu, .toast, .glass-card, .cmdk, .bulk-bar,
  .bi-report .export-bar, .bi-report .alarm-panel,
  .bi-report .drill-bar, .bi-report .xf-bar {
    background: var(--surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
.card, .table-card, .stat-card, .bi-card,
  .form-control, .form-select, .dropdown-menu, .toast {
    border-width: 2px;
  }
}
}