.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.img-ph{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background-color:#ecece7;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.05) 0 12px,transparent 12px 24px);display:flex;align-items:center;justify-content:center}.img-ph span{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.05em;color:#8a8a82;text-transform:lowercase}.img-ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.site-header{position:fixed;top:var(--banner-h, 0px);left:0;right:0;z-index:60;background:#0a0a0ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease,height .3s ease}section[id]{scroll-margin-top:84px}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px;transition:height .3s ease}.site-header.is-scrolled{background:#0a0a0aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:#ffffff14}.site-header.is-scrolled .site-header__inner{height:62px}.logo-mark{display:flex;flex-direction:column;line-height:1}.logo-mark strong{font-weight:800;font-size:1.125rem;letter-spacing:.02em;color:#fff}.logo-mark span{font-weight:600;font-size:.6875rem;letter-spacing:.22em}.logo-mark img{height:38px;width:auto}.nav{display:flex;align-items:center;gap:34px}.nav a{font-weight:600;font-size:.9375rem;color:#f5f5f3d1;transition:color .2s}.nav a:hover{color:#fff}.header-cta{display:flex;align-items:center;gap:16px}.hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center}.hamburger span{display:block;width:22px;height:2px;background:#fff;position:relative;transition:transform .3s,opacity .3s}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff;transition:transform .3s}.hamburger span:before{top:-7px}.hamburger span:after{top:7px}.hamburger.is-open span{background:transparent}.hamburger.is-open span:before{transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:after{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:#0a0a0a;border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:80;padding:96px 28px 40px;display:flex;flex-direction:column;gap:8px}.mobile-menu.is-open{transform:translate(0)}.mobile-menu a{color:#f5f5f3;font-weight:600;font-size:1.125rem;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mobile-menu .btn{margin-top:20px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:70}.menu-overlay.is-open{opacity:1;visibility:visible}@media(max-width:1023px){.nav,.header-cta .btn{display:none}.hamburger{display:flex}}.hero{padding:150px 0 110px}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:2}.hero__title{font-size:clamp(2.4rem,5.4vw,4.25rem);font-weight:800}.hero__sub{font-size:1.25rem;color:#f5f5f3bf;margin:28px 0 36px;max-width:560px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.hero__trust{margin-top:30px;font-size:.9375rem;color:#f5f5f399;font-weight:500}.hero__media{position:relative}.hero__media .img-ph{aspect-ratio:4 / 3;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000080}@media(max-width:1023px){.hero{padding:130px 0 80px}.hero__grid{grid-template-columns:1fr;gap:44px}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:2}.step__num{font-size:3rem;font-weight:800;line-height:1;margin-bottom:18px}.step__title{font-size:1.375rem;font-weight:700;margin-bottom:10px}.step__text{color:#f5f5f3b8}@media(max-width:767px){.steps{grid-template-columns:1fr;gap:20px}}.compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.compare__label{font-weight:700;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;display:block}
/*# sourceMappingURL=/cdn/shop/t/8/assets/vynaras-2.css.map */