/* Approved: vyzov-ritualnogo-agenta — slug-scoped, no Tailwind CDN */

#vyzov-approved-wrap{
  --layout-max:1440px;
  --layout-content:1410px;

  --primary:#8F3F3A;
  --background:#FFFFFF;
  --surface:#FFFFFF;
  --surface-container:#FAF7F6;
  --on-surface:#1B1C19;
  --on-surface-variant:#544241;
  --outline:#DAC1BE;

  color:var(--on-surface);
  background:var(--background);
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth;
  overflow-x:hidden;
}

#vyzov-approved-wrap,
#vyzov-approved-wrap *{box-sizing:border-box}

#vyzov-approved-wrap .mos-service-top .content-grid{
  max-width:var(--layout-content);
  margin-left:auto;
  margin-right:auto;
}

#vyzov-approved-wrap main,
#vyzov-approved-wrap section,
#vyzov-approved-wrap nav,
#vyzov-approved-wrap div,
#vyzov-approved-wrap details,
#vyzov-approved-wrap summary,
#vyzov-approved-wrap a,
#vyzov-approved-wrap span{
  min-width:0;
}

#vyzov-approved-wrap section[id]{scroll-margin-top:108px}

#vyzov-approved-wrap img{
  display:block;
  max-width:100%;
}

#vyzov-approved-wrap p,
#vyzov-approved-wrap h1,
#vyzov-approved-wrap h2,
#vyzov-approved-wrap h3,
#vyzov-approved-wrap ol,
#vyzov-approved-wrap ul{
  margin:0;
}

#vyzov-approved-wrap ul,
#vyzov-approved-wrap ol{
  padding:0;
}

#vyzov-approved-wrap .font-display,
#vyzov-approved-wrap h1,
#vyzov-approved-wrap h2,
#vyzov-approved-wrap h3{
  font-family:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:-0.01em;
}

#vyzov-approved-wrap .material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  line-height:1;
}

/* Layout helpers */
#vyzov-approved-wrap > main{
  max-width:var(--layout-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
}

#vyzov-approved-wrap .max-content{
  max-width:var(--layout-content);
  margin-left:auto;
  margin-right:auto;
}
#vyzov-approved-wrap .section-spacing{margin-bottom:96px}

/* Minimal utility layer (scoped) */
#vyzov-approved-wrap .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#vyzov-approved-wrap .mx-auto{margin-left:auto;margin-right:auto}
#vyzov-approved-wrap .max-w-none{max-width:none}
#vyzov-approved-wrap .max-w-xl{max-width:36rem}
#vyzov-approved-wrap .max-w-2xl{max-width:42rem}
#vyzov-approved-wrap .max-w-3xl{max-width:48rem}
#vyzov-approved-wrap .max-w-4xl{max-width:56rem}
#vyzov-approved-wrap .max-w-6xl{max-width:72rem}
#vyzov-approved-wrap .max-w-\[1440px\]{max-width:var(--layout-max)}
#vyzov-approved-wrap .px-4{padding-left:16px;padding-right:16px}
#vyzov-approved-wrap .px-6{padding-left:24px;padding-right:24px}
#vyzov-approved-wrap .px-8{padding-left:32px;padding-right:32px}
#vyzov-approved-wrap .px-10{padding-left:40px;padding-right:40px}
#vyzov-approved-wrap .px-\[15px\]{padding-left:15px;padding-right:15px}
#vyzov-approved-wrap .py-2{padding-top:8px;padding-bottom:8px}
#vyzov-approved-wrap .py-5{padding-top:20px;padding-bottom:20px}
#vyzov-approved-wrap .py-6{padding-top:24px;padding-bottom:24px}
#vyzov-approved-wrap .py-24{padding-top:96px;padding-bottom:96px}
#vyzov-approved-wrap .p-1{padding:4px}
#vyzov-approved-wrap .p-6{padding:24px}
#vyzov-approved-wrap .p-8{padding:32px}
#vyzov-approved-wrap .p-10{padding:40px}
#vyzov-approved-wrap .p-12{padding:48px}

#vyzov-approved-wrap .mb-2{margin-bottom:8px}
#vyzov-approved-wrap .mb-4{margin-bottom:16px}
#vyzov-approved-wrap .mb-6{margin-bottom:24px}
#vyzov-approved-wrap .mb-12{margin-bottom:48px}
#vyzov-approved-wrap .mb-16{margin-bottom:64px}
#vyzov-approved-wrap .mt-4{margin-top:16px}
#vyzov-approved-wrap .mt-6{margin-top:24px}
#vyzov-approved-wrap .pt-4{padding-top:16px}

#vyzov-approved-wrap .block{display:block}
#vyzov-approved-wrap .inline-flex{display:inline-flex}
#vyzov-approved-wrap .flex{display:flex}
#vyzov-approved-wrap .grid{display:grid;grid-template-columns:minmax(0,1fr)}
#vyzov-approved-wrap .relative{position:relative}
#vyzov-approved-wrap .items-center{align-items:center}
#vyzov-approved-wrap .items-start{align-items:flex-start}
#vyzov-approved-wrap .justify-start{justify-content:flex-start}
#vyzov-approved-wrap .justify-center{justify-content:center}
#vyzov-approved-wrap .justify-between{justify-content:space-between}
#vyzov-approved-wrap .flex-wrap{flex-wrap:wrap}
#vyzov-approved-wrap .flex-col{flex-direction:column}
#vyzov-approved-wrap .gap-1{gap:4px}
#vyzov-approved-wrap .gap-3{gap:12px}
#vyzov-approved-wrap .gap-4{gap:16px}
#vyzov-approved-wrap .gap-6{gap:24px}
#vyzov-approved-wrap .gap-8{gap:32px}
#vyzov-approved-wrap .gap-10{gap:40px}
#vyzov-approved-wrap .gap-12{gap:48px}
#vyzov-approved-wrap .gap-16{gap:64px}

#vyzov-approved-wrap .space-x-2>*+*{margin-left:8px}
#vyzov-approved-wrap .space-y-2>*+*{margin-top:8px}
#vyzov-approved-wrap .space-y-4>*+*{margin-top:16px}
#vyzov-approved-wrap .space-y-6>*+*{margin-top:24px}
#vyzov-approved-wrap .space-y-8>*+*{margin-top:32px}

#vyzov-approved-wrap .text-left{text-align:left}
#vyzov-approved-wrap .text-center{text-align:center}

#vyzov-approved-wrap .text-xs{font-size:12px;line-height:16px}
#vyzov-approved-wrap .text-sm{font-size:14px;line-height:20px}
#vyzov-approved-wrap .text-lg{font-size:18px;line-height:28px}
#vyzov-approved-wrap .text-xl{font-size:20px;line-height:30px}
#vyzov-approved-wrap .text-2xl{font-size:24px;line-height:32px}
#vyzov-approved-wrap .text-3xl{font-size:clamp(1.9rem,2.3vw,2.25rem);line-height:1.2}
#vyzov-approved-wrap .text-4xl{font-size:clamp(2.2rem,3vw,2.75rem);line-height:1.12}
#vyzov-approved-wrap .text-5xl{font-size:clamp(2.5rem,4.3vw,3.45rem);line-height:1.03}
#vyzov-approved-wrap .text-6xl{font-size:clamp(2.9rem,5.2vw,4rem);line-height:1.02}

#vyzov-approved-wrap .text-\[10px\]{font-size:10px;line-height:14px}

#vyzov-approved-wrap .font-medium{font-weight:500}
#vyzov-approved-wrap .font-semibold{font-weight:600}
#vyzov-approved-wrap .font-bold{font-weight:700}
#vyzov-approved-wrap .font-extrabold{font-weight:800}
#vyzov-approved-wrap .font-black{font-weight:900}

#vyzov-approved-wrap .leading-relaxed{line-height:1.7}
#vyzov-approved-wrap .leading-tight{line-height:1.1}
#vyzov-approved-wrap .tracking-\[0\.15em\]{letter-spacing:0.15em}
#vyzov-approved-wrap .tracking-wider{letter-spacing:0.08em}
#vyzov-approved-wrap .tracking-widest{letter-spacing:0.12em}
#vyzov-approved-wrap .uppercase{text-transform:uppercase}

#vyzov-approved-wrap .rounded{border-radius:4px}
#vyzov-approved-wrap .rounded-lg{border-radius:8px}
#vyzov-approved-wrap .rounded-2xl{border-radius:12px}
#vyzov-approved-wrap .rounded-full{border-radius:9999px}
#vyzov-approved-wrap .overflow-hidden{overflow:hidden}

#vyzov-approved-wrap .border{border:1px solid var(--outline)}
#vyzov-approved-wrap .border-b{border-bottom:1px solid var(--outline)}
#vyzov-approved-wrap .border-outline{border-color:var(--outline)}

#vyzov-approved-wrap .bg-white{background:#fff}
#vyzov-approved-wrap .bg-surface{background:var(--surface)}
#vyzov-approved-wrap .bg-surface-container{background:var(--surface-container)}
#vyzov-approved-wrap .bg-primary{background:var(--primary)}
#vyzov-approved-wrap .bg-outline{background:var(--outline)}
#vyzov-approved-wrap .text-white{color:#fff}
#vyzov-approved-wrap .text-primary{color:var(--primary)}
#vyzov-approved-wrap .text-on-surface{color:var(--on-surface)}
#vyzov-approved-wrap .text-on-surface-variant{color:var(--on-surface-variant)}

#vyzov-approved-wrap .w-full{width:100%}
#vyzov-approved-wrap .h-full{height:100%}
#vyzov-approved-wrap .w-12{width:48px}
#vyzov-approved-wrap .h-12{height:48px}
#vyzov-approved-wrap .h-\[2px\]{height:2px}
#vyzov-approved-wrap .object-cover{object-fit:cover}
#vyzov-approved-wrap .aspect-\[4\/3\]{aspect-ratio:4/3}

#vyzov-approved-wrap .shadow-soft{box-shadow:0 2px 4px rgba(0,0,0,0.04)}
#vyzov-approved-wrap .transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
#vyzov-approved-wrap .transition-all{transition:all .2s ease}
#vyzov-approved-wrap .transition-transform{transition:transform .2s ease}
#vyzov-approved-wrap .duration-300{transition-duration:.3s}

#vyzov-approved-wrap a{color:inherit;text-decoration:none}
#vyzov-approved-wrap a:hover{color:var(--primary)}

/* Sticky / z-index (legacy local nav removed; system nav uses pk-sticky-nav) */
#vyzov-approved-wrap .sticky{position:sticky}
#vyzov-approved-wrap .top-4{top:16px}
#vyzov-approved-wrap .z-50{z-index:50}

/* Brightness hover helpers */
#vyzov-approved-wrap .hover\:bg-surface-container:hover{background:var(--surface-container)}
#vyzov-approved-wrap .hover\:text-on-surface:hover{color:var(--on-surface)}
#vyzov-approved-wrap .hover\:brightness-110:hover{filter:brightness(1.10)}
#vyzov-approved-wrap .hover\:brightness-95:hover{filter:brightness(.95)}

/* Outline alpha from source: text-outline/30 */
#vyzov-approved-wrap .text-outline\/30{color:rgba(218,193,190,.30)}

#vyzov-approved-wrap .cursor-pointer{cursor:pointer}
#vyzov-approved-wrap .list-none{list-style:none}
#vyzov-approved-wrap .font-body{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* Page-level components */
#vyzov-approved-wrap #overview{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:64px;
  align-items:center;
}

#vyzov-approved-wrap #overview > div{
  width:100%;
}

#vyzov-approved-wrap #stages .grid,
#vyzov-approved-wrap #includes .grid,
#vyzov-approved-wrap #packages .grid{
  grid-template-columns:minmax(0,1fr);
}

#vyzov-approved-wrap details{
  overflow:hidden;
}

#vyzov-approved-wrap summary{
  cursor:pointer;
  list-style:none;
}

#vyzov-approved-wrap summary::-webkit-details-marker{
  display:none;
}

#vyzov-approved-wrap details[open] .group-open\:rotate-180{
  transform:rotate(180deg);
}

#vyzov-approved-wrap .prose{
  max-width:65ch;
}

#vyzov-approved-wrap .prose.max-w-none{
  max-width:none;
}

#vyzov-approved-wrap .prose p{
  color:inherit;
}

#vyzov-approved-wrap .section-spacing:last-child{
  margin-bottom:0;
}

/* Responsive variants used in markup */
@media (min-width:1024px){
  #vyzov-approved-wrap .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vyzov-approved-wrap .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  #vyzov-approved-wrap .lg\:px-0{padding-left:0;padding-right:0}
  #vyzov-approved-wrap .lg\:p-24{padding:96px}
  #vyzov-approved-wrap .lg\:text-4xl{font-size:36px;line-height:40px}
  #vyzov-approved-wrap .lg\:text-5xl{font-size:48px;line-height:1.05}
  #vyzov-approved-wrap .lg\:text-6xl{font-size:60px;line-height:1.05}
  #vyzov-approved-wrap #overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #vyzov-approved-wrap #stages .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #vyzov-approved-wrap #includes .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px){
  #vyzov-approved-wrap .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vyzov-approved-wrap .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  #vyzov-approved-wrap #stages .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vyzov-approved-wrap #includes .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vyzov-approved-wrap #packages .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1023.98px){
  #vyzov-approved-wrap .section-spacing{margin-bottom:72px}
}

@media (max-width:767.98px){
  #vyzov-approved-wrap section[id]{scroll-margin-top:32px}
  #vyzov-approved-wrap .section-spacing{margin-bottom:56px}
  #vyzov-approved-wrap .sticky{position:static}
  #vyzov-approved-wrap .top-4{top:auto}
  #vyzov-approved-wrap .px-8{padding-left:24px;padding-right:24px}
  #vyzov-approved-wrap .px-10{padding-left:28px;padding-right:28px}
  #vyzov-approved-wrap .p-10{padding:28px}
  #vyzov-approved-wrap .p-12{padding:32px}
  #vyzov-approved-wrap .py-24{padding-top:56px;padding-bottom:56px}
  #vyzov-approved-wrap .text-4xl{font-size:clamp(2rem,7vw,2.5rem);line-height:1.14}
  #vyzov-approved-wrap .text-5xl{font-size:clamp(2.2rem,8vw,3rem);line-height:1.05}
  #vyzov-approved-wrap .text-6xl{font-size:clamp(2.6rem,9vw,3.4rem);line-height:1.03}
  #vyzov-approved-wrap #overview{gap:32px}
  #vyzov-approved-wrap #overview h1{
    font-size:clamp(2.15rem,11vw,3.2rem);
    line-height:1.02;
  }
  #vyzov-approved-wrap #overview .text-xl{
    font-size:1.125rem;
    line-height:1.55;
  }
  #vyzov-approved-wrap #overview .aspect-\[4\/3\]{
    aspect-ratio:16/11;
  }
  #vyzov-approved-wrap #overview .flex.flex-wrap.gap-4.pt-4 > a{
    width:100%;
  }
  #vyzov-approved-wrap #contact .bg-primary.text-white.px-10.py-5.rounded-lg.font-bold.text-xl{
    width:100%;
    max-width:19rem;
  }
  #vyzov-approved-wrap .flex.items-center.gap-4.text-left{
    width:100%;
    justify-content:center;
  }
}