/* _reset.scss */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, figure, dl, dd, ol, ul, fieldset, form { margin-top: 0; }
ul, ol { padding-left: 1.4rem; }
button, input, select, textarea { font: inherit; }

/* _default.scss */
:root { --ink: #172033; --muted: #5d6678; --navy: #101a35; --navy-light: #1c2b52; --accent: #69d07c; --accent-dark: #287d46; --surface: #ffffff; --canvas: #f4f7fb; --border: #dce3ed; --radius: 1rem; --shadow: 0 12px 32px rgba(20, 31, 55, .1); --text-font: oxygen, Arial, sans-serif; --heading-font: oswald, Arial, sans-serif; }
@font-face { font-family: oxygen; src: url(Oxygen-Regular.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: oswald; src: url(Oswald-Regular.ttf) format("truetype"); font-display: swap; }
html { box-sizing: border-box; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: var(--text-font); font-size: 1rem; line-height: 1.65; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .65em; color: var(--navy); font-family: var(--heading-font); line-height: 1.12; letter-spacing: -.01em; }
h1 { font-size: clamp(2.5rem, 7vw, 4.75rem); }
h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3 { font-size: clamp(1.35rem, 2vw, 1.65rem); }
p { margin: 0 0 1rem; }
a { color: var(--accent-dark); text-underline-offset: .18em; }
a:hover { color: #1c5932; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: .2rem; }
img, iframe, object, video { max-width: 100%; }
img { height: auto; }
.content-width { width: min(100% - 2rem, 75rem); margin-inline: auto; }
.clearfix::after { content: ""; display: table; clear: both; }
.wrapper { padding-inline: .75rem; }
.center-grid { text-align: center; }
.button { display: inline-flex; align-items: center; min-height: 2.9rem; padding: .65rem 1.15rem; border-radius: 999px; color: var(--navy) !important; background: var(--accent); font-weight: 700; text-decoration: none; box-shadow: 0 6px 18px rgba(28, 102, 54, .25); transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.button:hover { background: #85da94; box-shadow: 0 9px 24px rgba(28, 102, 54, .3); transform: translateY(-2px); }
.section-eyebrow, .hero__eyebrow { margin-bottom: .55rem; color: var(--accent-dark); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

/* _header.scss */
.site-header { position: relative; z-index: 20; background: var(--navy); box-shadow: 0 4px 16px rgba(5, 10, 24, .25); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; width: min(100% - 2rem, 75rem); min-height: 5.5rem; margin-inline: auto; padding-block: .85rem; }
.site-logo { display: block; flex: 0 1 16rem; }
.site-logo img { display: block; width: 100%; max-width: 16rem; }
@media (max-width: 48rem) { .site-header__inner { align-items: flex-start; flex-direction: column; gap: .8rem; padding-block: 1rem; } .site-logo { flex-basis: auto; } }

/* _nav.scss */
.primary-nav { min-width: 0; }
.primary-nav ul, #sub-nav ul, #footer-nav ul { margin: 0; padding: 0; list-style: none; }
.primary-nav__list { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.primary-nav li { position: relative; }
.primary-nav a { display: block; padding: .65rem .85rem; border-radius: .55rem; color: #f7f9ff; font-weight: 700; text-decoration: none; transition: color .2s ease, background-color .2s ease; }
.primary-nav li:hover > a, .primary-nav li:focus-within > a, .primary-nav .current-page > a { color: var(--navy); background: var(--accent); }
.primary-nav li ul { position: absolute; top: calc(100% + .35rem); left: 0; display: none; min-width: 13rem; padding: .45rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--surface); box-shadow: var(--shadow); }
.primary-nav li:hover > ul, .primary-nav li:focus-within > ul { display: block; }
.primary-nav li ul a { color: var(--ink); white-space: nowrap; }
.primary-nav li ul a:hover, .primary-nav li ul a:focus-visible { background: #e9f8ed; }
#sub-nav { background: #e8edf5; }
#sub-nav:empty { display: none; }
#sub-nav .content-width > ul { display: flex; flex-wrap: wrap; gap: .25rem; padding-block: .5rem; }
#sub-nav a { display: block; padding: .35rem .65rem; border-radius: .35rem; color: var(--navy); font-weight: 700; text-decoration: none; }
#sub-nav a:hover, #sub-nav a:focus-visible { background: var(--surface); }
@media (max-width: 48rem) { .primary-nav, .primary-nav__list { width: 100%; } .primary-nav__list { align-items: stretch; flex-direction: column; } .primary-nav a { padding: .55rem .65rem; } .primary-nav li ul { position: static; width: 100%; margin-top: .2rem; box-shadow: none; } }

/* _main.scss */
#main { padding-block: clamp(2.5rem, 6vw, 5rem); background: var(--canvas); }
#content { min-height: 15rem; }
#paypal-form { text-align: center; }
iframe { border: 0; }

/* _content.scss */
#banner-back { position: relative; overflow: hidden; background: linear-gradient(90deg, rgba(10, 20, 48, .96), rgba(10, 20, 48, .56)), url(/PlazSoft/_cassette/file/images/Yarigs_Website_Banner_de3aed4539035a2ddbf2d423067893a6cb21d09b.jpg) center/cover no-repeat; }
.hero { display: flex; align-items: center; min-height: clamp(25rem, 56vw, 38rem); padding-block: 4rem; }
.banner-panel { width: min(100%, 43rem); padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(255,255,255,.18); border-radius: var(--radius); color: #f8faff; background: rgba(15, 25, 52, .72); box-shadow: var(--shadow); backdrop-filter: blur(8px); }
.banner-panel h1 { color: #fff; }
.banner-panel > p:not(.hero__eyebrow) { max-width: 34rem; margin-bottom: 1.6rem; font-size: clamp(1.1rem, 2vw, 1.3rem); }
.hero__eyebrow { color: var(--accent); }
.home-intro { max-width: 53rem; margin-bottom: clamp(3rem, 7vw, 5.5rem); }
.home-intro > p:not(.section-eyebrow) { color: var(--muted); font-size: 1.1rem; }
.section-heading { max-width: 45rem; margin-bottom: 1.75rem; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.product-card { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: 0 5px 18px rgba(20,31,55,.07); transition: transform .22s ease, box-shadow .22s ease; }
.product-card:hover, .product-card:focus-within { box-shadow: var(--shadow); transform: translateY(-5px); }
.product-card > a { display: block; overflow: hidden; aspect-ratio: 16 / 10; background: #e8edf5; }
.product-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.product-card:hover img { transform: scale(1.025); }
.product-card__body { padding: 1.35rem; }
.product-card__body h3 a { color: var(--navy); }
.product-card__body p { color: var(--muted); }
.social-section { max-width: 100%; margin-top: 3rem; overflow: hidden; text-align: center; }
.fb-like-box { max-width: 100%; }
.benefits-screenshot, .testimonial img, #contact-company-logo { max-width: 100%; height: auto; }
.legal-page { max-width: 52rem; margin-inline: auto; }
.legal-page__intro { margin-bottom: 2.25rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 1.08rem; }
.legal-page h2 { margin-top: 2.25rem; font-size: clamp(1.35rem, 3vw, 1.75rem); }
.legal-page h3 { margin-top: 1.5rem; font-size: 1.15rem; }
.legal-page li + li { margin-top: .55rem; }
.legal-page address { font-style: normal; }
@media (max-width: 56rem) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 38rem) { .hero { min-height: 24rem; } .product-grid { grid-template-columns: 1fr; } }

/* _footer.scss */
.site-footer { color: #dce3f1; background: var(--navy); }
.site-footer a { color: #e9eef9; }
.site-footer a:hover { color: var(--accent); }
#footer-nav { padding-block: 2rem; }
.footer-nav__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1.5rem; }
.footer-nav__list > li > a { font-family: var(--heading-font); font-size: 1.15rem; font-weight: 700; text-decoration: none; }
.footer-nav__list ul { margin-top: .5rem !important; }
.footer-nav__list ul a { display: inline-block; padding-block: .2rem; color: #bfc9dd; }
#footer-info { border-top: 1px solid rgba(255,255,255,.13); background: #0b1329; }
.footer-info__grid { display: grid; grid-template-columns: 1fr 1.25fr auto; gap: 2rem; align-items: start; padding-block: 2rem; }
#footer-address, #footer-contact { display: flex; flex-direction: column; font-style: normal; }
#footer-address strong, #footer-phone { margin-bottom: .25rem; color: #fff; font-size: 1.08rem; font-weight: 700; }
#copyright { margin: 0; color: #aeb9cf; white-space: nowrap; }
.legal-nav { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: .65rem 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.13); }
.legal-nav a { color: #bfc9dd; font-size: .92rem; }
@media (max-width: 44rem) { .footer-info__grid { grid-template-columns: 1fr; gap: 1.4rem; } }

/* _layouts.scss */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
/*# sourceMappingURL=AllStyles.css.map */