:root{--color-bg: #121214;--color-bg-alt: #1a1a1e;--color-surface: #202026;--color-surface-raised: #2a2a32;--color-border: #33333c;--color-primary: #2049c7;--color-primary-hover: #1a3ba6;--color-primary-soft: rgba(32, 73, 199, .15);--color-accent: #f5e9c9;--color-accent-strong: #eeddab;--color-highlight: #e8622c;--color-positive: #2fa15c;--color-positive-soft: rgba(47, 161, 92, .15);--color-negative: #d95c50;--color-negative-soft: rgba(217, 92, 80, .15);--color-text: #f4f4f2;--color-text-muted: #9b9ba6;--color-on-primary: #ffffff;--color-on-accent: #121214;--container: 1120px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-body);--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-hero: clamp(2.25rem, 5.5vw, 3.75rem);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--transition: .15s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.section{padding:var(--space-8) 0;scroll-margin-top:80px}.section--alt{background:var(--color-bg-alt)}.section__heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.section__link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition)}.section__link:hover{color:var(--color-accent)}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-base);font-weight:600;cursor:pointer;text-align:center;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.btn--accent:hover{background:var(--color-accent-strong)}.btn--ghost{border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.navbar{position:sticky;top:0;z-index:50;background:#121214d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:64px}.navbar__brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700;color:var(--color-accent);white-space:nowrap}.navbar__logo{width:36px;height:36px;border-radius:var(--radius-full)}.navbar__nav{display:flex;align-items:center;gap:var(--space-5)}.navbar__link{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--transition)}.navbar__link:hover{color:var(--color-accent)}.navbar__actions{display:flex;align-items:center;gap:var(--space-4)}.navbar__toggle{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1.25rem;line-height:1;padding:.35rem .6rem;cursor:pointer}.navbar__menu{display:none;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}.navbar__menu--open{display:flex}.hero{position:relative;overflow:hidden;background:var(--color-bg);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.hero__inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-8);min-height:480px}.hero__title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;color:var(--color-accent)}.hero__subtitle{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted);max-width:34rem}.hero__actions{margin-top:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__badge{display:inline-block;margin-bottom:var(--space-4);padding:.3rem .9rem;border-radius:var(--radius-full);background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-text);font-size:var(--text-sm);font-weight:600}.hero__figure{position:relative;display:grid;place-items:center;width:fit-content;justify-self:center;padding:var(--space-7);padding-left:var(--space-8)}.hero__figure:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--color-primary) 0%,#1533a0 100%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);border-radius:var(--radius-lg)}.hero__mascot{position:relative;width:min(320px,70vw);height:auto;border-radius:var(--radius-full);filter:drop-shadow(0 12px 32px rgba(0,0,0,.5))}.listings__viewport{position:relative}.listings__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:52px;height:52px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:0 4px 12px #00000073;color:var(--color-text);padding:0;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.listings__arrow svg{display:block}.listings__arrow--prev{left:calc(-1 * var(--space-4))}.listings__arrow--next{right:calc(-1 * var(--space-4))}.listings__arrow:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.listings__arrow:disabled{opacity:.35;cursor:default}.listings__track{--cards-per-view: 4;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cards-per-view) - 1) * var(--space-5)) / var(--cards-per-view));gap:var(--space-5);overflow-x:hidden}@media (max-width: 1024px){.listings__track{--cards-per-view: 3}}@media (max-width: 768px){.listings__track{--cards-per-view: 2}}@media (max-width: 480px){.listings__track{--cards-per-view: 1}}.listing-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.listing-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.listing-card__media{background:var(--color-bg-alt)}.listing-card__media img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.listing-card__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);flex:1}.listing-card__title{font-size:var(--text-sm);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.listing-card__price{font-size:var(--text-base);font-weight:700;color:var(--color-accent)}.listing-card__body .btn{margin-top:auto;font-size:var(--text-sm);padding:.5rem 1rem}.listings__show-all{margin-top:var(--space-5);text-align:center}.categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.category-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition),transform var(--transition)}.category-tile:after{content:"";position:absolute;top:0;right:0;width:96px;height:100%;background:linear-gradient(160deg,var(--color-primary) 0%,#1533a0 100%);clip-path:polygon(55% 0,100% 0,100% 100%,0 100%);opacity:.35;transition:opacity var(--transition)}.category-tile:hover{border-color:var(--color-primary);transform:translateY(-2px)}.category-tile:hover:after{opacity:.7}.category-tile__title{font-size:var(--text-xl);color:var(--color-accent)}.category-tile__desc{color:var(--color-text-muted);font-size:var(--text-sm);max-width:26rem}.category-tile__cta{margin-top:var(--space-3);font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.reviews__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-5);margin-bottom:var(--space-7)}.stat{text-align:center;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat__value{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}.stat__label{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}.reviews__marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.reviews__track{display:flex;gap:var(--space-5);width:max-content;animation:reviews-scroll 70s linear infinite}.reviews__marquee:hover .reviews__track{animation-play-state:paused}@keyframes reviews-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.review-card{display:flex;flex:0 0 clamp(260px,80vw,340px);flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.review-card__feedback{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--color-positive-soft);border-radius:var(--radius-full);color:var(--color-positive);font-size:var(--text-sm);font-weight:600}.review-card__feedback-icon{position:relative;width:1.1em;height:1.1em;border-radius:50%;background:var(--color-positive)}.review-card__feedback-icon:before,.review-card__feedback-icon:after{content:"";position:absolute;top:50%;left:50%;width:55%;height:2px;border-radius:1px;background:var(--color-bg);transform:translate(-50%,-50%)}.review-card__feedback-icon:after{transform:translate(-50%,-50%) rotate(90deg)}@media (prefers-reduced-motion: reduce){.reviews__marquee{-webkit-mask-image:none;mask-image:none}.reviews__track{animation:none;flex-wrap:wrap;width:auto}}.review-card__quote{border:none;font-size:var(--text-base);line-height:1.6}.review-card__meta{margin-top:auto;color:var(--color-text-muted);font-size:var(--text-sm)}.reviews__footer{margin-top:var(--space-6);text-align:center}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-7) 0 var(--space-5)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.footer__brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700;color:var(--color-accent)}.footer__logo{width:40px;height:40px;border-radius:var(--radius-full)}.footer__tagline{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);max-width:24rem}.footer__heading{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:var(--space-3)}.footer__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition)}.footer__link:hover{color:var(--color-accent)}.footer__social{display:flex;gap:var(--space-3)}.footer__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition)}.footer__icon:hover{color:var(--color-accent)}.footer__bottom{border-top:1px solid var(--color-border);padding-top:var(--space-4);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__subtitle{margin-inline:auto}.hero__actions{justify-content:center}.hero__figure{order:-1}.footer__grid{grid-template-columns:1fr}}@media (max-width: 768px){.navbar__nav{display:none}.navbar__toggle{display:block}.navbar__actions{gap:var(--space-3)}.navbar__actions .btn{padding:.45rem .85rem;font-size:var(--text-sm);white-space:nowrap}}@media (max-width: 420px){.navbar__brand-text{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.listing-card,.category-tile{transition:none}}