.header{background-color:var(--color-dark);z-index:1000;box-shadow:var(--shadow-md);position:sticky;top:0}.header__container{max-width:1200px;padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{flex-shrink:0}.header__brand{color:var(--color-primary);letter-spacing:2px;align-items:center;margin:0;font-size:28px;font-weight:700;display:flex}.header__nav{flex-grow:1;justify-content:flex-end;display:flex}.header__menu{gap:var(--spacing-lg);margin:0;padding:0;list-style:none;display:flex}.header__link{color:var(--color-white);padding:var(--spacing-xs) 0;cursor:pointer;transition:color var(--transition-fast), border-bottom-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:14px;font-weight:500}.header__link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (width<=768px){.header__container{gap:var(--spacing-md);flex-direction:column}.header__nav{justify-content:center;width:100%}.header__menu{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.header__brand{letter-spacing:1px;font-size:24px}.header__link{font-size:13px}}@media (width<=480px){.header__container{padding:var(--spacing-sm) var(--spacing-sm)}.header__menu{gap:var(--spacing-sm)}.header__brand{font-size:20px}.header__link{padding:var(--spacing-xs) var(--spacing-xs);font-size:12px}}.hero{background:linear-gradient(135deg, var(--color-dark) 0%, #242424 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-md);justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd1001a 0%,#0000 70%);width:400px;height:400px;position:absolute;top:0;right:0}.hero__content{text-align:center;z-index:1;width:100%;max-width:800px;position:relative}.hero__title{margin-bottom:var(--spacing-sm);color:var(--color-primary);letter-spacing:1px;font-size:56px;font-weight:700}.hero__subtitle{margin-bottom:var(--spacing-md);color:var(--color-white);font-size:32px;font-weight:400;line-height:1.4}.hero__description{margin-bottom:var(--spacing-xl);color:#ffffffd9;max-width:600px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.8}.hero__buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__button{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:2px solid #0000;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.hero__button--primary{background-color:var(--color-primary);color:var(--color-dark);box-shadow:var(--shadow-md)}.hero__button--primary:hover{background-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero__button--secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.hero__button--secondary:hover{background-color:var(--color-primary);color:var(--color-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=768px){.hero{min-height:500px;padding:var(--spacing-xl) var(--spacing-md)}.hero:before{width:300px;height:300px}.hero__title{font-size:42px}.hero__subtitle{font-size:24px}.hero__description{font-size:16px}.hero__buttons{gap:var(--spacing-sm)}.hero__button{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}}@media (width<=480px){.hero{min-height:400px;padding:var(--spacing-lg) var(--spacing-sm)}.hero:before{width:200px;height:200px}.hero__title{font-size:32px}.hero__subtitle{font-size:18px}.hero__description{margin-bottom:var(--spacing-lg);font-size:14px}.hero__buttons{flex-direction:column}.hero__button{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.product-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.product-card__image-wrapper{background-color:var(--color-gray-light);padding:var(--spacing-lg);justify-content:center;align-items:center;min-height:250px;display:flex;overflow:hidden}.product-card__image{width:auto;max-width:100%;height:auto;max-height:200px}.product-card__content{padding:var(--spacing-lg);flex-direction:column;flex-grow:1;display:flex}.product-card__title{color:var(--color-dark);margin-bottom:var(--spacing-sm);font-size:20px;font-weight:700}.product-card__description{color:var(--color-gray-medium);margin-bottom:var(--spacing-md);flex-grow:0;font-size:14px;line-height:1.6}.product-card__specs{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-light);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.product-card__spec{gap:var(--spacing-xs);flex-direction:column;display:flex}.product-card__spec-label{color:var(--color-gray-medium);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.product-card__spec-value{color:var(--color-dark);font-size:16px;font-weight:700}.product-card__features{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.product-card__feature-tag{color:var(--color-accent);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background-color:#fff4d6;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.product-card__actions{gap:var(--spacing-sm);margin-top:auto;display:flex}.product-card__button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:2px solid #0000;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.product-card__button--primary{background-color:var(--color-primary);color:var(--color-dark)}.product-card__button--primary:hover{background-color:var(--color-accent);transform:translateY(-2px)}.product-card__button--secondary{color:var(--color-dark);border-color:var(--color-dark);background-color:#0000}.product-card__button--secondary:hover{background-color:var(--color-dark);color:var(--color-white)}@media (width<=768px){.product-card__specs{gap:var(--spacing-sm);padding:var(--spacing-md);grid-template-columns:1fr}.product-card__image-wrapper{min-height:200px}.product-card__button{padding:var(--spacing-xs) var(--spacing-md);font-size:13px}}@media (width<=480px){.product-card__content{padding:var(--spacing-md)}.product-card__title{font-size:18px}.product-card__specs{gap:var(--spacing-sm)}.product-card__feature-tag{padding:4px 8px;font-size:11px}.product-card__actions{flex-direction:column}.product-card__button{font-size:12px}}.catalog{padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-white)}.catalog__container{max-width:1200px;margin:0 auto}.catalog__title{text-align:center;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-size:36px;font-weight:700}.catalog__subtitle{text-align:center;color:var(--color-gray-medium);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:18px}.catalog__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width<=1024px){.catalog{padding:var(--spacing-xl) var(--spacing-md)}.catalog__title{font-size:28px}.catalog__subtitle{margin-bottom:var(--spacing-xl);font-size:16px}.catalog__grid{gap:var(--spacing-md)}}@media (width<=768px){.catalog{padding:var(--spacing-xl) var(--spacing-sm)}.catalog__title{font-size:24px}.catalog__subtitle{font-size:14px}.catalog__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=480px){.catalog{padding:var(--spacing-lg) var(--spacing-sm)}.catalog__title{font-size:20px}.catalog__subtitle{margin-bottom:var(--spacing-lg);font-size:13px}.catalog__grid{gap:var(--spacing-md);grid-template-columns:1fr}}.comparison{background-color:var(--color-gray-light);padding:var(--spacing-2xl) var(--spacing-md)}.comparison__container{max-width:1200px;margin:0 auto}.comparison__title{text-align:center;color:var(--color-dark);margin-bottom:var(--spacing-sm);font-size:36px;font-weight:700}.comparison__subtitle{text-align:center;color:var(--color-gray-medium);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:18px}.comparison__table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);overflow-x:auto}.comparison__table{border-collapse:collapse;background-color:var(--color-white);width:100%}.comparison__header{background-color:var(--color-dark);color:var(--color-white);padding:var(--spacing-md);text-align:center;border-bottom:3px solid var(--color-primary);font-weight:700}.comparison__header--sticky{z-index:10;background:linear-gradient(90deg, var(--color-dark), #1a1a1af2);position:sticky;left:0}.comparison__cell{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border);font-size:14px}.comparison__cell--label{background-color:var(--color-gray-light);color:var(--color-dark);z-index:5;text-align:left;min-width:180px;font-weight:700;position:sticky;left:0}.comparison__row--alt{background-color:#ffd1000d}.comparison__row--alt .comparison__cell--label{background-color:#ffd1001a}.comparison__badge{background-color:var(--color-primary);color:var(--color-dark);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.comparison__features-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.comparison__feature-item{color:var(--color-gray-medium);font-size:13px}.comparison__feature-item:before{content:"✓ ";color:var(--color-primary);margin-right:4px;font-weight:700}.comparison__legend{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.comparison__legend-title{color:var(--color-dark);margin-bottom:var(--spacing-sm);font-weight:700}.comparison__legend p{color:var(--color-gray-medium);margin:0;font-size:14px;line-height:1.8}@media (width<=1024px){.comparison{padding:var(--spacing-xl) var(--spacing-md)}.comparison__title{font-size:28px}.comparison__subtitle{margin-bottom:var(--spacing-xl);font-size:16px}.comparison__header{padding:var(--spacing-md) var(--spacing-sm);font-size:13px}.comparison__cell{padding:var(--spacing-md) var(--spacing-sm)}.comparison__cell--label{min-width:150px}}@media (width<=768px){.comparison{padding:var(--spacing-xl) var(--spacing-sm)}.comparison__title{font-size:24px}.comparison__subtitle{font-size:14px}.comparison__header{padding:var(--spacing-sm) var(--spacing-xs);font-size:12px}.comparison__cell{padding:var(--spacing-sm) var(--spacing-xs);font-size:13px}.comparison__cell--label{min-width:140px;font-size:12px}.comparison__badge{padding:4px 8px;font-size:11px}.comparison__feature-item{font-size:12px}.comparison__legend{padding:var(--spacing-md)}.comparison__legend-title{font-size:14px}.comparison__legend p{font-size:13px}}@media (width<=480px){.comparison{padding:var(--spacing-lg) var(--spacing-sm)}.comparison__title{font-size:20px}.comparison__subtitle{margin-bottom:var(--spacing-lg);font-size:13px}.comparison__header{padding:var(--spacing-xs) 4px;font-size:11px}.comparison__cell{padding:var(--spacing-xs) 4px;font-size:12px}.comparison__cell--label{min-width:110px;font-size:11px}.comparison__legend{padding:var(--spacing-md) var(--spacing-sm)}}.footer{background-color:var(--color-dark);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-md);margin-top:auto}.footer__container{max-width:1200px;margin:0 auto}.footer__grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer__section{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer__section--brand{grid-column:span 1}.footer__heading{color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:1px;font-size:24px;font-weight:700}.footer__subheading{color:var(--color-white);margin-bottom:var(--spacing-sm);font-size:16px;font-weight:700}.footer__description{color:#fffc;font-size:14px;line-height:1.8}.footer__list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:#fffc;transition:all var(--transition-fast);font-size:14px;text-decoration:none;display:inline-block}.footer__link:hover{color:var(--color-primary)}.footer__link--bold{color:var(--color-primary);font-weight:600}.footer__link--bold:hover{text-decoration:underline}.footer__brand-link{margin-top:var(--spacing-sm)}.footer__contact{gap:var(--spacing-xs);flex-direction:column;display:flex}.footer__contact-item{color:#fffc;margin:0;font-size:14px}.footer__contact-email a{color:var(--color-primary);font-weight:600}.footer__divider{height:1px;margin:var(--spacing-xl) 0;background:linear-gradient(90deg,#0000,#fff3,#0000)}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--spacing-lg);text-align:center;flex-wrap:wrap;display:flex}.footer__copyright{color:#fff9;margin:0;font-size:13px}.footer__credit{color:#fffc;margin:0;font-size:13px}.footer__credit strong{color:var(--color-primary);font-weight:700}@media (width<=768px){.footer{padding:var(--spacing-xl) var(--spacing-md)}.footer__grid{gap:var(--spacing-lg)}.footer__section--brand{grid-column:span 1}.footer__heading{font-size:20px}.footer__subheading{font-size:14px}.footer__description,.footer__link,.footer__contact-item{font-size:13px}.footer__bottom{justify-content:center}}@media (width<=480px){.footer{padding:var(--spacing-lg) var(--spacing-sm)}.footer__grid{gap:var(--spacing-lg);grid-template-columns:1fr}.footer__heading{font-size:18px}.footer__subheading{font-size:13px}.footer__description,.footer__link,.footer__contact-item{font-size:12px}.footer__divider{margin:var(--spacing-lg) 0}.footer__bottom{gap:var(--spacing-md);flex-direction:column}.footer__copyright,.footer__credit{font-size:11px}}:root{--color-primary:#ffd100;--color-dark:#1a1a1a;--color-gray-medium:#4a4a4a;--color-gray-light:#f5f5f5;--color-white:#fff;--color-accent:#d0960a;--color-border:#ebebeb;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono:"Courier New", Courier, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 10px 30px #00000026;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);color:var(--color-dark);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-dark);font-weight:600;line-height:1.3}h1{margin-bottom:var(--spacing-md);font-size:48px}h2{margin-bottom:var(--spacing-md);font-size:36px}h3{margin-bottom:var(--spacing-sm);font-size:24px}h4{font-size:18px}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-dark);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}@media (width<=768px){h1{font-size:32px}h2{font-size:28px}h3{font-size:20px}}