:root{--color-navy:#1a2b5f;--color-navy-light:#243570;--color-lime:#8dba3e;--color-lime-dark:#7aa535;--color-lime-soft:#eef5e2;--color-orange:#d95324;--color-orange-dark:#c44a1f;--color-black:#1a1a1a;--color-white:#fff;--color-gray-50:#f8f9fb;--color-gray-100:#f1f3f6;--color-gray-200:#e8ebf0;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px rgba(26,43,95,.06);--shadow-md:0 8px 24px rgba(26,43,95,.08);--shadow-lg:0 16px 48px rgba(26,43,95,.12);--header-height:76px;--max-width:1180px;--transition:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-black);background:var(--color-gray-50)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.h1{font-size:clamp(2.125rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.03em}.h1,.h2{font-weight:700}.h2{font-size:clamp(1.5rem,3vw,2.125rem);line-height:1.2;letter-spacing:-.02em}.h3{font-size:1.125rem;font-weight:600;line-height:1.35}.text-muted{color:var(--color-gray-500)}.text-sm{font-size:.875rem}.label,.text-xs{font-size:.75rem}.label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-lime-dark)}.section-eyebrow{display:inline-block;margin-bottom:.75rem}.section-lead{font-size:1.0625rem;color:var(--color-gray-500);max-width:520px;line-height:1.7;margin-top:.5rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:4.5rem 0}.section--white{background:var(--color-white)}.section--gray{background:var(--color-gray-50)}.section-header{margin-bottom:2.5rem}.section-header--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.section-header__link{display:inline-flex;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;color:var(--color-navy);padding:.5rem 1rem;border-radius:99px;background:var(--color-white);border:1px solid var(--color-gray-200);transition:background var(--transition),border-color var(--transition),color var(--transition)}.section-header__link:hover{background:var(--color-lime-soft);border-color:var(--color-lime);color:var(--color-navy)}.page-hero{background:var(--color-white);padding:2.5rem 0 2rem;border-bottom:1px solid var(--color-gray-200)}.page-hero--navy{background:linear-gradient(135deg,var(--color-navy) 0,#243570 100%);color:var(--color-white);border-bottom:none}.page-hero--navy .section-lead,.page-hero--navy .text-muted{color:#ffffffbf}.page-hero--navy .label{color:var(--color-lime)}.page-hero--navy .breadcrumb{color:#ffffff8c}.page-hero--navy .breadcrumb a{color:#ffffffbf}.page-hero--navy .breadcrumb a:hover{color:var(--color-white)}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--color-gray-500);margin-bottom:1rem}.breadcrumb a:hover{color:var(--color-navy)}.breadcrumb__sep{color:var(--color-gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.625rem;font-size:.9375rem;font-weight:600;border-radius:99px;transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-lime);color:var(--color-white);box-shadow:0 4px 14px #8dba3e59}.btn--primary:hover{background:var(--color-lime-dark)}.btn--secondary{background:var(--color-navy);color:var(--color-white);box-shadow:0 4px 14px #1a2b5f33}.btn--secondary:hover{background:var(--color-navy-light)}.btn--outline{background:transparent;color:var(--color-navy);border:2px solid var(--color-gray-200);box-shadow:none}.btn--outline:hover{background:var(--color-white);border-color:var(--color-navy)}.btn--outline-light{color:var(--color-white);border-color:#ffffff59;box-shadow:none}.btn--outline-light:hover{background:#ffffff1a;border-color:var(--color-white);color:var(--color-white)}.btn--ghost{background:transparent;color:var(--color-navy);padding:.5rem .75rem;box-shadow:none}.btn--ghost:hover{background:var(--color-gray-100)}.btn--full{width:100%}.btn--sm{padding:.625rem 1.125rem;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.badge{display:inline-block;padding:.3rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:99px}.badge--sale{background:var(--color-orange);color:var(--color-white)}.badge--new{background:var(--color-lime);color:var(--color-white)}.badge--soldout{background:var(--color-gray-200);color:var(--color-gray-600)}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.price{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-navy)}.price--sale{color:var(--color-orange)}.price--original{font-weight:400;font-size:.875rem;color:var(--color-gray-400);text-decoration:line-through;margin-left:.5rem}.input{width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);background:var(--color-white)}.input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px #1a2b5f14}.overlay{position:fixed;inset:0;background:#1a2b5f73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.overlay--visible{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background:var(--color-white);z-index:100;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.drawer--open{transform:translate(0)}:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}