@charset "UTF-8";:root{color-scheme:light;--bg: #f6f4ef;--bg-raise: #efece5;--surface: #ffffff;--surface-2: #f1eee8;--surface-3: #e6e2da;--line: rgb(20 18 14 / 8%);--line-strong: rgb(20 18 14 / 15%);--text: #15130f;--text-2: #3b3730;--muted: #6f6a61;--muted-2: #9a948a;--accent: #d4a94f;--accent-hover: #e2b95c;--accent-rgb: 212 169 79;--accent-soft: rgb(212 169 79 / 16%);--accent-ink: #94701f;--on-accent: #15130f;--sale: #e0262b;--ok: #2f9a5c;--ink: #0e0d0b;--ink-2: #191714;--contrast: var(--ink);--contrast-hover: #2a2722;--on-contrast: #fff;--header-bg: rgb(246 244 239 / 82%);--bar-bg: rgb(255 255 255 / 88%);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(20 18 14 / 6%), 0 2px 8px rgb(20 18 14 / 4%);--shadow-md: 0 2px 6px rgb(20 18 14 / 5%), 0 14px 34px rgb(20 18 14 / 9%);--shadow-lg: 0 4px 10px rgb(20 18 14 / 6%), 0 26px 60px rgb(20 18 14 / 16%);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 104px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 19px;--maxw: 1280px;--header-h: 72px;--bottom-nav-h: 64px;--ease: cubic-bezier(.22, .61, .36, 1);--transition: .2s var(--ease);--roofline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 18' preserveAspectRatio='none'%3E%3Cpath d='M1 16.5 L9 15 C15 13.5 18 4 30 2.5 C40 1.5 45 7 51 12 L59 16.5' fill='none' stroke='%23d4a94f' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--font: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Manrope", "Golos Text", system-ui, sans-serif}.on-dark{color-scheme:dark;--bg-raise: var(--ink-2);--surface: #1d1b17;--surface-2: #26231e;--surface-3: #312d27;--line: rgb(255 255 255 / 9%);--line-strong: rgb(255 255 255 / 18%);--text: #f6f2ea;--text-2: #d8d2c7;--muted: #a7a095;--muted-2: #7b756c;--accent-ink: var(--accent);--accent-soft: rgb(212 169 79 / 14%);--ok: #6fcf94;--bg: var(--ink);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg-raise: var(--ink-2);--surface: #1d1b17;--surface-2: #26231e;--surface-3: #312d27;--line: rgb(255 255 255 / 9%);--line-strong: rgb(255 255 255 / 18%);--text: #f6f2ea;--text-2: #d8d2c7;--muted: #a7a095;--muted-2: #7b756c;--accent-ink: var(--accent);--accent-soft: rgb(212 169 79 / 14%);--ok: #6fcf94;--bg: #131210;--contrast: #f6f2ea;--contrast-hover: #fff;--on-contrast: var(--ink);--header-bg: rgb(19 18 16 / 82%);--bar-bg: rgb(29 27 23 / 90%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 10px 30px rgb(0 0 0 / 35%);--shadow-lg: 0 20px 50px rgb(0 0 0 / 50%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}h2{font-size:clamp(1.75rem,3.6vw,2.6rem)}h3{font-size:var(--fs-lg)}p{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--accent);color:var(--on-accent)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--s4)}@media(min-width:700px){.container{padding-inline:var(--s6)}}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.section{padding-block:var(--s9)}@media(max-width:699px){.section{padding-block:var(--s8)}}.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.label{display:inline-flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.label:before{content:"";width:24px;height:8px;background:var(--roofline) center/100% 100% no-repeat}.link-more{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text);font-size:var(--fs-sm);font-weight:700;text-decoration:none;white-space:nowrap}.link-more app-icon{color:var(--accent-ink);transition:transform var(--transition)}.link-more:hover app-icon{transform:translate(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border:1px solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--text);font:inherit;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 20px rgb(var(--accent-rgb)/30%)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 26px rgb(var(--accent-rgb)/42%)}.btn--dark{background:var(--contrast);color:var(--on-contrast)}.btn--dark:hover{background:var(--contrast-hover)}.btn--light{background:#fff;color:var(--ink)}.btn--light:hover{background:#f1eee8}.btn--ghost{border-color:var(--line-strong);background:var(--surface)}.btn--ghost:hover{border-color:var(--text)}.on-dark .btn--ghost,:root[data-theme=dark] .btn--ghost{background:#ffffff0a}.on-dark .btn--ghost:hover,:root[data-theme=dark] .btn--ghost:hover{border-color:#ffffff73;background:#ffffff14}.btn--glass{border-color:#ffffff38;background:#ffffff1a;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--glass:hover{background:#ffffff2e}.btn--block{width:100%}.btn--sm{min-height:40px;padding:0 var(--s4);font-size:var(--fs-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;transition:border-color var(--transition),background-color var(--transition),opacity var(--transition)}.icon-btn:hover{border-color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:default}.on-dark .icon-btn{background:#ffffff0f}.on-dark .icon-btn:hover{border-color:#ffffff73;background:#ffffff1f}.chip{flex:none;display:inline-flex;align-items:center;gap:var(--s2);min-height:42px;padding:0 var(--s2) 0 var(--s4);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.chip:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.chip .chip__count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700;transition:background-color var(--transition),color var(--transition)}.chip .chip__check{display:inline-grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--line-strong);border-radius:50%;color:transparent;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.chip:has(.chip__check){padding-left:var(--s3)}.chip--on,.chip--on:hover{border-color:var(--contrast);background:var(--contrast);color:var(--on-contrast)}.chip--on .chip__count,.chip--on:hover .chip__count{background:var(--accent);color:var(--on-accent)}.chip--on .chip__check,.chip--on:hover .chip__check{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--radius-full);background:#0e0d0b8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em}.tag--accent{background:var(--accent);color:var(--on-accent)}.tag--sale{background:var(--sale);color:#fff}.select{color-scheme:inherit;min-height:42px;padding:0 40px 0 var(--s4);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236f6a61' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--s4) center;box-shadow:var(--shadow-sm);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:600;appearance:none;cursor:pointer}.select:hover{border-color:var(--line-strong)}.car-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);list-style:none;margin:0;padding:0}@media(min-width:640px){.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1060px){.car-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skeleton{background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:300% 100%;animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:60;padding:var(--s2) var(--s4);border-radius:var(--radius-sm);background:var(--contrast);color:var(--on-contrast);font-weight:700}.skip-link:focus{top:var(--s3)}.watermark{position:fixed;inset:-50%;z-index:2147483000;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='64' viewBox='0 0 210 64'%3E%3Cg fill='%23ffffff' font-family='Arial, Helvetica, sans-serif' font-size='13' font-weight='700' text-anchor='middle'%3E%3Ctext x='105' y='22'%3Edkostoski.dev %C2%B7 DEMO%3C/text%3E%3Ctext x='0' y='54'%3Edkostoski.dev %C2%B7 DEMO%3C/text%3E%3Ctext x='210' y='54'%3Edkostoski.dev %C2%B7 DEMO%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:210px 64px;mix-blend-mode:difference;opacity:.04;transform:rotate(-24deg);animation:watermark-ramp 180s linear forwards}@keyframes watermark-ramp{to{opacity:.85}}@media print{.watermark{position:absolute;inset:0;transform:none;mix-blend-mode:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.watermark{animation-duration:180s!important}}